плагин для отображения якорей на странице HTML?

Question

Я часто нахожу себя ищущим ссылку, которая уронит меня в середину веб-страницы. Часто я обнаруживаю, что на странице есть необходимые теги <a name='foo'> но нет простого способа (например, оглавления) найти их. Кто-нибудь знает плагин, который показывает, где / что эти теги?

Я хотел бы хром, но отвечал для других, было бы полезно.

---

FWIW: это то, что я в конечном итоге использовал:

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

Возьмите это и поместите в качестве адреса ссылки в закладке.

Answer 1

Букмарклеты веб-разработки имеют JavaScript-букмарклет с именем named anchors, который будет вставлять ссылки на каждый <a name=""> анкер. Чтобы использовать букмарклет, добавьте его в меню избранного или панель ссылок. Затем на любой странице нажмите на закладку "именованные якоря", чтобы вставить ссылки на текущую страницу. Однако он не работает в Википедии или на других сайтах, которые используют атрибуты id тегов в качестве якорей.

Редактировать:
Show Anchors - это более современный букмарклет, в котором отображаются <a name=""> и элементы id со значком привязки. Значок встраивается в букмарклет в виде URL-адреса data: , поэтому он может не работать в старых браузерах. (Ссылка на букмарклет находится в самом верху поста.)

Answer 2

Дополнение Show Anchors 2 делает именно это в Firefox.

Answer 3

Ответ BCS адаптирован для работы с фреймами:

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

Answer 4

Якоря дисплея, кажется, самый популярный плагин Chrome.