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尝试load您的页面：

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

然后在你的元素上调用hover：

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

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

1 个答案: