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

Question

我有以下phantomJS代码来获取HTML代码：

```javascript ```

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元素上。比如说，我想在一个<a>元素上悬停，然后将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();
}); 

- Marcus Thornton

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');

- Lukasz Koziara

---

在我意识到代码正在等待 mouseenter 之后，这对我起作用了。 - Vitor Canova