无法用Phantomjs点击元素

Question

从帖子：How to ng-click an A directive in a PhantomJS test我明白我需要创建自己的函数来点击元素，但是如何使用它？

下面的代码给我错误TypeError: 'undefined' is not a function (evaluating 'click(obj)')

var page = require('webpage').create(); 
var url = 'http://somesite.com/document.html'; 

page.open(url, function(status) { 
    page.evaluate(function() { 
     var obj = document.querySelectorAll('button')[0]; 
     click(obj); 
    }); 
    console.log(page.content); 
    phantom.exit(); 
}); 


function click(el){ 
    var ev = document.createEvent('MouseEvent'); 
    ev.initMouseEvent(
     'click', 
     true /* bubble */, true /* cancelable */, 
     window, null, 
     0, 0, 0, 0, /* coordinates */ 
     false, false, false, false, /* modifier keys */ 
     0 /*left*/, null 
    ); 
    el.dispatchEvent(ev); 
} 

Answer 1

我想通了这个问题。点击正在被该网站的javascript绕过。幸运的是PhantomJS具有发送同样作为一个真正的用户将在事件的SendEvent功能：通过PhantomJS; click an element

Answer 2

page.evaluate(function() { 
     document.getElementById("login").click(); 
    }); 

没有工作......没有你是什么意思？

Answer 3

PhantomJS有两个上下文。只有通过page.evaluate()访问的页面上下文才有权访问DOM并可触发合成事件。由于您的click()函数使用document，因此需要在页面上下文中运行。

page.evaluate()是沙盒，这就是为什么你不能简单地使用外部定义的变量。您可能需要在页面上下文中定义它们，或者需要以复杂的方式传递它们（因为只有原始对象可以进出页面上下文，函数不是原始对象）。

page.open(url, function(status) { 
    page.evaluate(function() { 
     if (typeof window.click !== "function") { 
      window.click = function(el){ 
       var ev = document.createEvent('MouseEvent'); 
       ev.initMouseEvent(
        'click', 
        true /* bubble */, true /* cancelable */, 
        window, null, 
        0, 0, 0, 0, /* coordinates */ 
        false, false, false, false, /* modifier keys */ 
        0 /*left*/, null 
       ); 
       el.dispatchEvent(ev); 
      } 
     } 
     var obj = document.querySelectorAll('button')[0]; 
     click(obj); 
    }); 
    console.log(page.content); 
    phantom.exit(); 
}); 

参考文献：

• page.evaluate()
• 方式的文件 “点击” 在PhantomJS：Q: PhantomJS; click an element