11 
$x("//a[contains(@href,'.jpg')]");

在开发人员工具命令提示符下按预期工作。但是，当在扩展的内容脚本中时，我得到一个“ $x is not defined”。

为什么这在内容脚本中不可用，或者在内容脚本/Chrome 扩展中是否有特殊的访问方式？

我在 Debian 上使用 Chrome 22。

4

2 回答 2

14

$x()不是网页或内容脚本的运行时环境的一部分。它是Chrome 的 DevTools 命令行 API 的一部分。

要在内容脚本中使用 XPath，您需要以正常方式进行，DevTools 便捷的快捷方式不可用。

您的代码如下所示：

var jpgLinks    = document.evaluate (
    "//a[contains(@href,'.jpg')]",
    document,
    null,
    XPathResult.ORDERED_NODE_SNAPSHOT_TYPE,
    null
);
var numLinks    = jpgLinks.snapshotLength;

for (var J = 0;  J < numLinks;  ++J) {
    var thisLink = jpgLinks.snapshotItem (J);
    console.log ("Link ", J, " = ", thisLink);
}

- 这是在$x()幕后为你做的事情。

当您使用它时，请考虑切换到CSS 选择器。那么同样的功能是：

var jpgLinks    = document.querySelectorAll ("a[href$='.jpg']");
var numLinks    = jpgLinks.length;

for (var J = 0;  J < numLinks;  ++J) {
    var thisLink = jpgLinks[J];
    console.log ("Link ", J, " = ", thisLink);
}

——这在我的书中更可口。

于 2013-08-26T00:09:02.187 回答
2

我建议将此函数添加到您的代码中：

var xpath = function (xpathToExecute) {
    var result = [];
    var nodesSnapshot = document.evaluate(xpathToExecute, document, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null);
    for (var i = 0; i < nodesSnapshot.snapshotLength; i++) {
        result.push(nodesSnapshot.snapshotItem(i));
    }
    return result;
}

只需调用它来代替 $x

于 2020-07-15T05:00:34.137 回答