javascript - CasperJS/SpookyJS css 选择器存在但不存在

Question

我在使用 spookyjs/capserjs 抓取屏幕时遇到了一个奇怪的问题。

我想从以下网站获取信息:' https://www.rwe-smarthome.de/is-bin/INTERSHOP.enfinity/WFS/RWEEffizienz-SmartHome-Site/de_DE/-/EUR/ViewApplication-DisplayWelcomePage '.

因为该站点包含不止一页的产品，所以我也想打开其他站点。

一般情况下可以用

this.click(selector, function() {}); 

实现这一目标。

由于一些奇怪的原因，这在这里不起作用。

请看下面的代码:

var selector1 = "div#workingTemplate div:first-of-type ul.linkList li:nth-child(2) a";

spooky.waitUntilVisible(selector1);
spooky.thenClick(selector1);
spooky.wait(500);
spooky.then(function() {
    this.capture("RWETest-02.jpg");
});

我收到一个错误

CasperError: Cannot dispatch mousedown event on nonexistent selector: div#workingTemplate div:first-of-type ul.linkList li:nth-child(2) a

这很奇怪，因为如果选择器/DOM 对象不存在，它应该在 waitUntilVisible() 处失败。

此外，当我尝试检查选择器是否存在时，答案似乎是肯定的，因为我也遇到了不存在的选择器的错误:

代码:

spooky.then([{sel: selector1},function() {
    if(this.exists(sel)) {
        this.click(sel);
        this.wait(500);
        this.then(function() {
            this.capture("RWETest-02.jpg");
        });
    }
    else {
        this.emit("logMessage", "Selector does not exists...");
    }
}]);

错误:

CasperError: Cannot dispatch mousedown event on nonexistent selector: div#workingTemplate div:first-of-type ul.linkList li:nth-child(2) a

因为 SpookyJS，我使用 PhantomJS 1.9.7 和 CasperJS 1.1.0-beta3。

有人对此有想法吗？

Answer 1

这很可能与 PhantomJS 1.x 中的错误有关，该错误无法根据使用 :nth-child() 的 CSS 选择器正确查找元素。参见 this question获取更多信息。

由于 CasperJS 的几乎所有功能都支持 XPath 表达式，因此您可以将 CSS 选择器转换为 XPath 表达式:

var xpathExpr1 = "//div[@id='workingTemplate']//div[1]//ul[contains(@class,'linkList')]//li[2]//a";

然后你可以像这样使用它:

var selectXPath = 'xPath = function(expression) {
  return {
    type: "xpath",
    path: expression,
    toString: function() {
      return this.type + " selector: " + this.path;
    }
  };
};'
...
spooky.then([{x: selectXPath}, function() {
    eval(x);
    this.waitUntilVisible(xPath(xpathExpr1));
    this.thenClick(xPath(xpathExpr1));
    ...
]);

问题是 SpookyJS 不公开 XPath 实用程序，因此您需要做一个小的变通方法，如 in GitHub isse #109 所述.