如何使用phantomJS在HTML元素上模拟鼠标悬停

Question

我有下面的phantomJS代码来获取HTML代码：

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

page.open(url, function (status) {
    var js = page.evaluate(function () {
        return document;
    });
    console.log(js.all[0].outerHTML); 
    phantom.exit();
});

我要获取的内容只能在鼠标悬停在JavaScript所控制的特定元素上时读取，因此上面的代码不起作用。

我想知道如何使用phantomJS代码在HTML元素上模拟鼠标悬停。假设我想将鼠标悬停在某个元素上，然后将HTML转储以输出，该怎么办？

编辑：以下代码无效。可能是什么问题呢？

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

page.open(url, function (status) {
    page.includeJs("http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js", function(){
        $('#some_element').trigger('hover');
    });
    var js = page.evaluate(function () {
        return document;
    });
    console.log(js.all[0].outerHTML); 
    phantom.exit();
}); 

Answer 1

尝试使用 jquery加载您的页面：

page.includeJs("http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js", function() {
    //(...)
});

然后在你的元素上调用悬停：

$('#some_element').trigger('hover');