插件显示HTML页面中的锚点？

21

我经常发现自己正在寻找一个链接，该链接将使我进入网页的中间。我通常会发现页面具有所需的<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;}})();

将其作为书签中的链接地址。

browser-addons

— BCS
source

1

谢谢。太糟糕了，这似乎不适用于框架或航向锚（例如，可以锚定在H1上，而不仅仅是锚定在<A>上）

— rustyx 2013年

@rustyx，我没有找到任何执行此操作的示例。

— BCS

1

@ rustyx-有关支持h1锚点的更好版本，请参见gist.github.com/inkarkat/cd1d40996a1f818dfc71

— 丰富的

9

Web开发小书签已经一个JavaScript书签称为命名锚，将插入在各个环节<a name="">锚。要使用小书签，请将其添加到收藏夹菜单或链接栏中。然后，在任何页面上，单击“命名锚点”书签，以将链接插入当前页面。但是，它在Wikipedia或使用id标记属性作为锚点的其他站点上不起作用。

编辑：
显示锚点是一种更现代的书签，它同时显示<a name="">和id带有锚点图标的元素。该图标作为data:URL 嵌入在书签中，因此在旧版浏览器中可能无法使用。（书签链接位于帖子的顶部。）

— Bavi_H
source

我似乎无法使第二个工作。

— BCS 2010年

1

该版本的“显示锚点”已从该博客文章中得到了很大改进：gist.github.com/inkarkat/cd1d40996a1f818dfc71

— 丰富

1

我制作了一个我更喜欢的版本。我没有显示锚的图像，而是显示了书签，#然后显示元素的nameor id：gist.github.com/LucasLarson/d5bd0881d8eb99d9fb254d28e7a315c4

— Lucas

6

该展会锚2附加不只是在Firefox。

— 从这里
source

0

Display Anchors似乎是最受欢迎的Chrome插件。

— 丹·夏普斯特
source

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

— 古努比
source