無法用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