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

2019年8月4日 224次阅读

我有下面的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();
});

最佳答案 用jquery尝试
load你的页面：

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

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

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