plugin pour afficher les ancres dans une page HTML?

21

Je trouve souvent mon auto à la recherche d'un lien qui me déposera au milieu d'une page Web. Souvent, je trouve que la page contient les <a name='foo'>balises nécessaires, mais pas un moyen facile (par exemple une table des matières) de les trouver. Quelqu'un connaît-il un plugin qui montre où / quelles sont ces balises?

J'aurais besoin de chrome mais une réponse pour les autres serait utile.

FWIW: c'est ce que j'ai fini par utiliser:

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

Prenez cela et mettez-le comme adresse de lien dans un signet.

browser-addons

— BCS
source

1

Merci. Dommage que cela ne semble pas fonctionner avec des cadres ou des ancres de cap (il est possible d'ancrer sur un H1, par exemple, pas seulement sur un <A>)

— rustyx

@rustyx, je ne trouve aucun exemple de la façon de procéder.

— BCS

1

@rustyx - voir gist.github.com/inkarkat/cd1d40996a1f818dfc71 pour une meilleure version qui prend en charge les ancres h1

— Rich

9

Les Bookmarklets de développement Web ont un bookmarklet JavaScript appelé ancres nommées qui insérera des liens à chaque <a name="">ancre. Pour utiliser le bookmarklet, ajoutez-le à votre menu de favoris ou à votre barre de liens. Ensuite, sur n'importe quelle page, cliquez sur le signet "ancres nommées" pour insérer des liens dans la page en cours. Cependant, cela ne fonctionne pas sur Wikipedia ou sur d'autres sites qui utilisent des idattributs de balises comme ancres.

Edit:
Show Anchors est un bookmarklet plus moderne qui montre les éléments <a name="">et idavec une icône d'ancre. L'icône est intégrée dans le bookmarklet en tant data:qu'URL, il se peut donc qu'elle ne fonctionne pas dans les anciens navigateurs. (Le lien du bookmarklet se trouve tout en haut de l'article.)

— Bavi_H
source

Je n'arrive pas à faire fonctionner le second.

— BCS

1

Cette version de "show anchors" est bien meilleure que celle du blog: gist.github.com/inkarkat/cd1d40996a1f818dfc71

— Rich

1

J'ai fait une version que j'aime encore mieux. Au lieu d'une image d'une ancre, j'ai fait l'affichage du bookmarklet #suivi du nameou idde l'élément: gist.github.com/LucasLarson/d5bd0881d8eb99d9fb254d28e7a315c4

— Lucas

6

Le module complémentaire Show Anchors 2 fait exactement cela sur Firefox.

— de là
source

0

Les ancres d'affichage semblent être le plugin Chrome le plus populaire.

— Dan Csharpster
source

0

La réponse de BCS adaptée pour travailler avec des cadres:

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
source