Question

与CasperJS相比，我在Chrome控制台的DOM元素上看到了不同的方法。我有以下我运行

var casper = require('casper').create({
  verbose: true,
  logLevel: "debug"
});

var url = 'http://casperjs.org/';

casper.start(url, function() {
  this.echo('sdfsdf');
});

casper.then(function() {
  var link = this.evaluate(function() {
    var b = document.querySelector(".page-header");
    var s = "";

    for (var m in b) {
      if (typeof b[m] === 'function') {
        s += JSON.stringify(m) + " ";
      }
    }
    return s;
  });
  console.log(link);
});

casper.run();

它产生

＆＃34;的子＆＃34; ＆＃34;的childNodes＆＃34; ＆＃34; insertAdjacentElement＆＃34; ＆＃34; insertAdjacentHTML＆＃34; ＆＃34; insertAdjacentText＆＃34; ＆＃34;的setAttribute＆＃34; ＆＃34;的getElementsByTagName＆＃34; ＆＃34;的getAttribute＆＃34; ＆＃34; querySelectorAll＆＃34; ＆＃34; webkitMatchesSelector＆＃34; ＆＃34; getElementsByClassName方法＆＃34; ＆＃34;含有＆＃34; ＆＃34; getBoundingClientRect＆＃34; ＆＃34;＆的removeAttribute＃34; ＆＃34; querySelector＆＃34; ＆＃34; hasAttribute＆＃34; ＆＃34; getAttributeNode＆＃34; ＆＃34; getAttributeNS＆＃34; ＆＃34; getElementsByTagNameNS＆＃34; ＆＃34; removeAttributeNS＆＃34; ＆＃34; getClientRects＆＃34; ＆＃34; scrollByPages＆＃34; ＆＃34;使用setAttributeNode＆＃34; ＆＃34; setAttributeNS＆＃34; ＆＃34; hasAttributeNS＆＃34; ＆＃34;模糊＆＃34; ＆＃34; scrollIntoViewIfNeeded＆＃34; ＆＃34; scrollByLines＆＃34; ＆＃34; setAttributeNodeNS＆＃34; ＆＃34; removeAttributeNode＆＃34; ＆＃34; getAttributeNodeNS＆＃34; ＆＃34;聚焦＆＃34; ＆＃34; scrollIntoView＆＃34; ＆＃34;的addEventListener＆＃34; ＆＃34;使用appendChild＆＃34; ＆＃34; cloneNode＆＃34; ＆＃34; removeChild之＆＃34; ＆＃34; removeEventListener＆＃34; ＆＃34; compareDocumentPosition＆＃34; ＆＃34;的insertBefore＆＃34; ＆＃34; hasAttributes＆＃34; ＆＃34;则isSupported＆＃34; ＆＃34; isEqualNode＆＃34; ＆＃34; dispatchEvent＆＃34; ＆＃34; isDefaultNamespace＆＃34; ＆＃34; hasChildNodes＆＃34; ＆＃34;正常化＆＃34; ＆＃34;的replaceChild＆＃34; ＆＃34; isSameNode＆＃34; ＆＃34; lookupPrefix＆＃34; ＆＃34; lookupNamespaceURI＆＃34;

另一方面，如果我在Chrome控制台中运行以下代码

var b = document.querySelector(".page-header");
var s = "";
for (var m in b) {
  if (typeof b[m] === 'function') {
    s += JSON.stringify(m) + " ";
  }
}

我得到以下内容。为什么CasperJS缺少click？

＆＃34;＆＃34;单击＆＃34; ＆＃34;聚焦＆＃34; ＆＃34;模糊＆＃34; ＆＃34; hasAttributes＆＃34; ＆＃34;的getAttribute＆＃34; ＆＃34; getAttributeNS＆＃34; ＆＃34;的setAttribute＆＃34; ＆＃34; setAttributeNS＆＃34; ＆＃34;＆的removeAttribute＃34; ＆＃34; removeAttributeNS＆＃34; ＆＃34; hasAttribute＆＃34; ＆＃34; hasAttributeNS＆＃34; ＆＃34; getAttributeNode＆＃34; ＆＃34; getAttributeNodeNS＆＃34; ＆＃34;使用setAttributeNode＆＃34; ＆＃34; setAttributeNodeNS＆＃34; ＆＃34; removeAttributeNode＆＃34; ＆＃34;最接近＆＃34; ＆＃34;匹配＆＃34; ＆＃34;的getElementsByTagName＆＃34; ＆＃34; getElementsByTagNameNS＆＃34; ＆＃34; getElementsByClassName方法＆＃34; ＆＃34; insertAdjacentHTML＆＃34; ＆＃34; createShadowRoot＆＃34; ＆＃34; getDestinationInsertionPoints＆＃34; ＆＃34; requestPointerLock＆＃34; ＆＃34; getClientRects＆＃34; ＆＃34; getBoundingClientRect＆＃34; ＆＃34; scrollIntoView＆＃34; ＆＃34; insertAdjacentElement＆＃34; ＆＃34; insertAdjacentText＆＃34; ＆＃34; scrollIntoViewIfNeeded＆＃34; ＆＃34; webkitMatchesSelector＆＃34; ＆＃34;动画＆＃34; ＆＃34;除去＆＃34; ＆＃34; webkitRequestFullScreen＆＃34; ＆＃34; webkitRequestFullscreen＆＃34; ＆＃34; querySelector＆＃34; ＆＃34; querySelectorAll＆＃34; ＆＃34; hasChildNodes＆＃34; ＆＃34;正常化＆＃34; ＆＃34; cloneNode＆＃34; ＆＃34; isEqualNode＆＃34; ＆＃34; compareDocumentPosition＆＃34; ＆＃34;含有＆＃34; ＆＃34; lookupPrefix＆＃34; ＆＃34; lookupNamespaceURI＆＃34; ＆＃34; isDefaultNamespace＆＃34; ＆＃34;的insertBefore＆＃34; ＆＃34;使用appendChild＆＃34; ＆＃34;的replaceChild＆＃34; ＆＃34; removeChild之＆＃34; ＆＃34; isSameNode＆＃34; ＆＃34;的addEventListener＆＃34; ＆＃34; removeEventListener＆＃34; ＆＃34; dispatchEvent＆＃34; ＆＃34;

Answer 1

如果你正在使用PhantomJS 1.x，则支持click()，但只支持<input>和<button>元素。有关详细信息，请参阅MDN。请注意，PhantomJS 1.x与Chrome 13相当，并且在Chrome 20中引入了对click()的完全支持。

此支持已扩展到PhantomJS 2中的所有元素类型，因为它有一个newer Webkit version。

要么使用CasperJS＆＃39; click()：

casper.click(selector);

或PhantomJS的众多变通办法之一：PhantomJS; click an element

CasperJS中的evaluate（）中的DOM元素缺少click（）函数

1 个答案: