plugin para mostrar âncoras em uma página HTML?

Question

Eu sempre me encontro procurando um link que me deixe no meio de uma página da web. Muitas vezes, acho que a página tem as tags <a name='foo'> necessárias, mas não é fácil (por exemplo, um índice) encontrá-las. Alguém sabe de um plugin que mostra onde / o que essas tags são?

Eu precisaria de chrome, mas responder por outros seria útil.

FWIW: foi o que acabei usando:

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

Tome isso e coloque-o como o endereço do link em um marcador.

    

Answer 1

Favoritos do Desenvolvimento Web tem um bookmarklet JavaScript chamado chamado âncoras que insira links em cada âncora <a name=""> . Para usar o bookmarklet, adicione-o ao seu menu de favoritos ou à barra de links. Em seguida, em qualquer página, clique no indicador "âncoras nomeadas" para inserir links na página atual. No entanto, ele não funciona na Wikipedia ou em outros sites que usam id atributos de tags como âncoras.

Editar: Mostrar Âncoras é um bookmarklet mais moderno que mostra os elementos <a name=""> e id com um ícone de âncora. O ícone é incorporado no bookmarklet como data: URL, por isso pode não funcionar em navegadores mais antigos. (O link do bookmarklet está no topo do post.)

    

Answer 2

O add-on Show Anchors 2 faz exatamente isso no Firefox .

    

Answer 3

Exibir âncoras parece ser o mais popular plugin do Chrome.

    

Answer 4

Resposta da BCS adaptada para trabalhar com frames:

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