在 JavaScript 中查找与网页上元素最近的命名锚点

Question

我希望能够右键单击网页上的元素并获取最近锚点的 URL。

例如，假设我正在查看在线文档，并且我看到一个段落说了一些令人惊讶的内容。然后我希望能够右键单击它，选择“复制最近锚点的 URL”，转到我的 IDE，然后能够粘贴一个 URL，例如“http://docs.somelang.org/1.9 /manual.htm#section9" 到代码注释中。

目前，我必须“查看源代码”并四处寻找最近的元素。

在任何主流浏览器中，任何与此相当接近的东西就足够了，但我理想的答案是可以添加到 Chrome 的右键菜单中。

Answer 1

这里有一个小书签可以做到这一点：Named anchors

Answer 2

您可以编写一个在每个页面上运行的 jQuery 脚本，在点击时触发。

1. 使用 jQuerify 或类似工具在页面上激活 jQuery。
2. 然后使用 Chrome、Safari 或 Firefox 的控制台输入您的代码。
3. 代码可以从以下几行开始：$('body').live('click', functionThatFindsClosestAnchorElement);

希望这会有所帮助！