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

21

Я часто нахожу себя ищущим ссылку, которая уронит меня в середину веб-страницы. Часто я обнаруживаю, что на странице есть необходимые <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;}})();

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

browser-addons BCS
источник
1
Спасибо. Жаль, что это не работает с фреймами или якорями заголовка (например, якорь можно установить на H1, а не только на <A>)
rustyx
@rustyx, я не нахожу примеров того, как это сделать.
БКС
1
@rustyx - см. gist.github.com/inkarkat/cd1d40996a1f818dfc71 для лучшей версии, которая поддерживает якоря h1
Rich

Ответы:

9

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

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

Bavi_H
источник
Я не могу заставить второй работать.
БКС
1
Эта версия «шоу якоря» значительно улучшена по сравнению
Rich
1
Я сделал версию, которая мне нравится, даже лучше. Вместо изображения якоря я сделал отображение букмарклета, #за которым следовал nameили idэлемент: gist.github.com/LucasLarson/d5bd0881d8eb99d9fb254d28e7a315c4
Лукас
0

Ответ 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);})();
Gnubie
источник