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

21

Costumo encontrar-me procurando um link que me deixe cair no meio de uma página da web. Muitas vezes, acho que a página possui as <a name='foo'>tags necessárias, mas não existe uma maneira fácil (por exemplo, um sumário) para encontrá-las. Alguém sabe de um plugin que mostra onde / quais são essas tags?

Eu precisaria do chrome, mas responderia por outros seria útil.

FWIW: foi isso 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;}})();

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

browser-addons

— BCS
fonte

1

Obrigado. Pena que isso não parece trabalhar com quadros ou âncoras título (é possível âncora em um H1, por exemplo, não apenas em um <A>)

— rustyx

@rustyx, não estou encontrando exemplos de como fazer isso.

— BCS

1

@rustyx - consulte gist.github.com/inkarkat/cd1d40996a1f818dfc71 para obter uma versão melhor compatível com âncoras h1

— Rich

9

Os Indicadores de Desenvolvimento da Web possuem um indicador de JavaScript chamado âncoras nomeadas que inserem links em cada <a name="">âncora. Para usar o bookmarklet, adicione-o ao menu de favoritos ou à barra de links. Em qualquer página, clique no marcador "âncoras nomeadas" para inserir links na página atual. No entanto, ele não funciona na Wikipedia ou em outros sites que usam idatributos de tags como âncoras.

Editar:
Mostrar âncoras é um bookmarklet mais moderno que mostra elementos <a name="">e idcom um ícone de âncora. O ícone está incorporado no bookmarklet como um data:URL, portanto, pode não funcionar em navegadores mais antigos. (O link do bookmarklet está na parte superior da postagem.)

— Bavi_H
fonte

Não consigo fazer o segundo funcionar.

— BCS

1

Esta versão do "show anchors" foi muito aprimorada a partir dessa postagem no blog: gist.github.com/inkarkat/cd1d40996a1f818dfc71

— Rich

1

Eu fiz uma versão que eu gosto ainda melhor. Em vez de uma imagem de uma âncora, eu fiz a exibição bookmarklet #seguido pelo nameou iddo elemento: gist.github.com/LucasLarson/d5bd0881d8eb99d9fb254d28e7a315c4

— Lucas

6

O complemento Show Anchors 2 faz exatamente isso no Firefox.

— daí
fonte

0

O Display Anchors parece ser o plug-in mais popular do Chrome.

— Dan Csharpster
fonte

0

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

— Gnubie
fonte