плагін для показу якорів на 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;}})();

Візьміть це і поставте його як адресу посилання у закладці.


1
Спасибі. Дуже погано, здається, це не працює з кадрами або заголовками якорів (можна прив’язати до Н1, наприклад, не тільки на <A>)
rustyx

@rustyx, я не знаходжу жодного прикладу, як це зробити.
BCS

1
@rustyx - см gist.github.com/inkarkat/cd1d40996a1f818dfc71 для кращої версії , яка підтримує h1 якорів
Rich

Відповіді:


9

Закладка веб-розробок має закладку JavaScript під назвою якір, який буде вставляти посилання на кожному <a name="">якірі. Щоб скористатись закладкою, додайте її до меню улюблених або панелі посилань. Потім на будь-якій сторінці клацніть на закладку "названих якорів", щоб вставити посилання на поточну сторінку. Однак це не працює на Вікіпедії та інших сайтах, які використовують idатрибути тегів як якорів.

Редагувати:
Показати якіри - це більш сучасний закладка, який показує <a name="">і idелементи, і елементи з якорем якоря. Піктограма вбудована в закладки як data:URL-адреса, тому може не працювати у старих браузерах. (Посилання на закладку знаходиться в самому верху публікації.)


Я не можу, здається, змусити другу роботу.
BCS

1
Ця версія "шоу якорів" значно покращена з цього допису в блозі: gist.github.com/inkarkat/cd1d40996a1f818dfc71
Річ

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);})();
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.