plugin per mostrare le ancore in una pagina HTML?

21

Spesso trovo me stesso alla ricerca di un link che mi lascerà nel mezzo di una pagina web. Spesso trovo che la pagina abbia i <a name='foo'>tag necessari ma non un modo semplice (ad esempio un sommario) per trovarli. Qualcuno sa di un plugin che mostra dove / cosa sono quei tag?

Avrei bisogno di Chrome ma rispondere per gli altri sarebbe utile.

FWIW: questo è quello che ho finito per usare:

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;}})();

Prendi quello e mettilo come indirizzo del link in un segnalibro.

browser-addons

— BCS
fonte

1

Grazie. Peccato che questo non sembra funzionare con i frame o gli ancoraggi di rotta (è possibile ancorare su un H1, ad esempio, non solo su un <A>)

— rustyx,

@rustyx, non trovo alcun esempio di come farlo.

— BCS,

1

@rustyx - vedi gist.github.com/inkarkat/cd1d40996a1f818dfc71 per una versione migliore che supporti le ancore h1

— Ricco

9

Bookmarklets di sviluppo Web ha un bookmarklet JavaScript chiamato ancore denominate che inserirà collegamenti ad ogni <a name="">ancora. Per utilizzare il bookmarklet, aggiungilo al menu dei preferiti o alla barra dei collegamenti. Quindi, su qualsiasi pagina, fai clic sul segnalibro "ancore nominate" per inserire collegamenti nella pagina corrente. Tuttavia, non funziona su Wikipedia o altri siti che utilizzano gli idattributi dei tag come ancore.

Modifica:
Mostra ancore è un bookmarklet più moderno che mostra sia elementi <a name="">che idelementi con un'icona di ancoraggio. L'icona è incorporata nel bookmarklet come data:URL, quindi potrebbe non funzionare nei browser più vecchi. (Il link del bookmarklet è in cima al post.)

— Bavi_H
fonte

Non riesco a far funzionare il secondo.

— BCS,

1

Questa versione di "mostra ancore" è molto migliorata da quel post sul blog: gist.github.com/inkarkat/cd1d40996a1f818dfc71

— Rich

1

Ho realizzato una versione che mi piace ancora di più. Invece di un'immagine di un'ancora, ho realizzato la visualizzazione del bookmarklet #seguita da nameo iddell'elemento: gist.github.com/LucasLarson/d5bd0881d8eb99d9fb254d28e7a315c4

— Lucas

6

Il componente aggiuntivo Show Anchors 2 fa proprio questo su Firefox.

— therefromhere
fonte

0

Display Anchors sembra essere il plugin Chrome più popolare.

— Dan Csharpster
fonte

0

La risposta di BCS adattata per funzionare con i frame:

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
fonte