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

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()
点击＆＃34;点击＆＃34;在PhantomJS中：Q: PhantomJS; click an element

Answer 2

我弄明白了这个问题。点击被网站的javascript规避了。幸运的是，PhantomJS有一个sendEvent函数，它发送的事件与真实用户一样：

var rect = page.evaluate(function() {
    return $('a.whatever')[0].getBoundingClientRect();
});
page.sendEvent('click', rect.left + rect.width / 2, rect.top + rect.height / 2);

通过PhantomJS; click an element

找到上述解决方案

Answer 3

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

确实有效......不是你的意思吗？

无法使用Phantomjs单击元素

3 个答案: