javascript - Greasemonkey 的隐藏功能

Question

<分区>

Answer 1

Greasemonkey 脚本经常需要在页面上搜索内容。与其深入研究 DOM，不如尝试使用 XPath 来定位感兴趣的节点。 document.evaluate() 方法允许您提供 XPath 表达式并将返回匹配节点的集合。这是一个不错的 tutorial让你开始。例如，这是我编写的一个脚本，它会导致 phpBB3 帖子中的链接在新选项卡(在默认皮肤中)中打开:

// ==UserScript==
// @name           New Tab in phpBB3
// @namespace      http://robert.walkertribe.com/
// @description    Makes links in posts in phpBB3 boards open new tabs.
// ==/UserScript==

var newWin = function(ev) {
    var win = window.open(ev.target.href);
    if (win) ev.preventDefault();
};

var links = document.evaluate(
        "//div[@class='content']//a[not(@onclick) and not(@href='#')]",
        document, null, XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE, null);

for (var i = 0; i < links.snapshotLength; i++) {
    var link = links.snapshotItem(i);
    link.addEventListener("click", newWin, true);
}

代码中使用的 XPath 表达式标识所有 a 元素 1) 没有 onclick 属性，2) 其 href 属性未设置为 "#"，并且 3) 在 div 中找到，其 class 属性设置为 "content".