☰

插件可以在 HTML 页面中显示锚点吗？

tag-icon • tag-icon browser-addons
插件可以在 HTML 页面中显示锚点吗？

我经常发现自己在寻找一个可以让我进入网页中间的链接。我经常发现该页面有所需的<a name='foo'>标签，但没有简单的方法（例如目录）来找到它们。有谁知道有哪个插件可以显示这些标签的位置/内容吗？

我需要 chrome 但回答其他人的问题会很有用。

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

Web 开发书签有一个名为的 JavaScript 书签命名锚点它将在每个<a name="">锚点处插入链接。要使用书签小工具，请将其添加到收藏夹菜单或链接栏。然后，在任何页面上，单击“命名锚点”书签以将链接插入当前页面。但是，它不适用于维基百科或其他使用id标签属性作为锚点的网站。

编辑：
显示锚点是一个更现代的书签小工具，它使用锚图标显示<a name="">和id元素。该图标以 URL 的形式嵌入在书签小工具中data:，因此可能无法在较旧的浏览器中使用。（书签小工具链接位于帖子的最顶部。）

答案2

这显示锚点 2插件在 Firefox 上就能实现这个功能。

答案3

显示锚点似乎是最受欢迎的 Chrome 插件。

答案4

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

相关内容