下面的代码希望 Phantom.js 加载页面,点击一个按钮并等待 5 秒,然后返回页面的 HTML 代码。
问题: 但是使用 setTimeout()
创建 5 秒延迟会导致
page.evaluate
函数将 null
返回到回调函数而不是 HTML。
myUrl = 'http://www.google.com'
var phantom = Meteor.npmRequire('phantom')
phantom.create = Meteor.wrapAsync(phantom.create)
phantom.create( function(ph) {
ph.createPage = Meteor.wrapAsync(ph.createPage)
ph.createPage(function(page) {
page.open = Meteor.wrapAsync(page.open)
page.open(listingUrl, function(status) {
console.log('Page loaded')
page.evaluate = Meteor.wrapAsync(page.evaluate)
page.evaluate(function() {
// Find the button
var element = document.querySelector( '.search-btn' );
// create a mouse click event
var event = document.createEvent( 'MouseEvents' );
event.initMouseEvent( 'click', true, true, window, 1, 0, 0 );
// send click to element
element.dispatchEvent( event );
// Give page time to process Click event
setTimeout(function() {
// Return HTML code
return document.documentElement.outerHTML
}, 5000)
}, function(html) {
// html is `null`
doSomething()
})
})
})
})
将 setTimeout()
替换为 Meteor.setTimeout()
会导致另一个错误:
phantom stdout: ReferenceError: Can't find variable: Meteor
最佳答案
page.evaluate()
是 PhantomJS 的沙盒页面上下文。它无法访问外部定义的变量。如果您需要超时,那么您需要对 page.evaluate()
进行两次调用,因为您无法从异步函数 (explanation) 返回任何内容:
page.evaluate(function() {
...
element.dispatchEvent( event );
}, function() {
setTimeout(function() {
page.evaluate(function() {
return document.documentElement.outerHTML
}, function(html) {
doSomething()
})
}, 5000)
})
除了使用第二个 page.evaluate()
调用,您可以通过直接访问定义的内容来缩短代码 here :
setTimeout(function() {
page.get("content", function(content) {
doSomething()
})
}, 5000)
关于javascript - Phantom.js 中的 setTimeout,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28950627/