wtyczka do wyświetlania kotwic na stronie HTML?

21

Często szukam linku, który upuści mnie na środek strony. Często stwierdzam, że strona ma potrzebne <a name='foo'>tagi, ale nie ma łatwego sposobu (np. Spisu treści), aby je znaleźć. Czy ktoś wie o wtyczce, która pokazuje gdzie / czym są te tagi?

Potrzebowałbym chromu, ale przydatne byłyby odpowiedzi dla innych.

FWIW: to właśnie skończyło się na użyciu:

javascript:(function(){var i,n,a;as=document.anchors;for(i=0;i<as.length;++i) {a=as[i];n=a.name;a.appendChild(document.createTextNode("#"+n));a.style.border="1px solid";;a.href="#"+n;}})();

Weź to i umieść jako adres linku w zakładce.

browser-addons

— BCS
źródło

1

Dzięki. Szkoda, że to nie działa z ramkami lub kotwicami kierunkowymi (możliwe jest na przykład zakotwiczenie na H1, nie tylko na <A>)

— rustyx

@rustyx, nie znajduję żadnych przykładów, jak to zrobić.

— BCS

1

@rustyx - patrz gist.github.com/inkarkat/cd1d40996a1f818dfc71, aby uzyskać lepszą wersję obsługującą kotwice h1

— Rich

9

Tworzenie stron WWW Zakładki mają skrypt JavaScript zawierający nazwane kotwice , które wstawią linki na każdej <a name="">kotwicy. Aby skorzystać z bookmarkletu, dodaj go do menu ulubionych lub paska łączy. Następnie na dowolnej stronie kliknij zakładkę „nazwane kotwice”, aby wstawić linki do bieżącej strony. Nie działa jednak w Wikipedii ani innych witrynach, które używają idatrybutów tagów jako kotwic.

Edycja:
Pokaż kotwice to bardziej nowoczesny bookmarklet, który pokazuje zarówno elementy, jak <a name="">i idelementy z ikoną kotwicy. Ikona jest osadzona w bookmarkletie jako data:adres URL, więc może nie działać w starszych przeglądarkach. (Link do bookmarkletu znajduje się na samej górze postu).

— Bavi_H
źródło

Nie mogę sprawić, by drugi działał.

— BCS,

1

Ta wersja „show anchors” została znacznie ulepszona w porównaniu z postem na blogu: gist.github.com/inkarkat/cd1d40996a1f818dfc71

— Rich

1

Stworzyłem wersję, którą lubię jeszcze bardziej. Zamiast obrazu kotwicy zrobiłem wyświetlanie bookmarkletu, #a następnie elementu namelub id: gist.github.com/LucasLarson/d5bd0881d8eb99d9fb254d28e7a315c4

— Lucas,

6

Dodatek Show Anchors 2 robi to samo w Firefoksie.

— stamtąd
źródło

0

Display Anchors wydaje się być najpopularniejszą wtyczką do Chrome.

— Dan Csharpster
źródło

0

Odpowiedź BCS dostosowana do pracy z ramkami:

javascript:(function(){function f(e){var i,n,a;as=e.anchors;for(i=0;i<as.length;++i){a=as[i];n=a.name;a.appendChild(e.createTextNode('\u2693'+n));a.style.color='#fff';a.style.background='#666';a.style.borderRadius='5px';a.href='#'+n;}}if(window.frames.length)for(var i=0;i<window.frames.length;++i)f(window.frames[i].document);else f(document);})();

— Gnubie
źródło