javascript - phantomjs getElementsByClass() 在评估中无法获取元素

Question

我花了很多时间来解决这个问题。下面是我的 phantomjs 代码

var page = require('webpage').create()

page.open("https://www.google.com.hk/",function(status){
    if(status === 'success'){
        var aa = page.evaluate(function() {
            return document.getElementsByClassName('ctr-p').length
        })
        console.log(aa)
    }
    phantom.exit(0)
})

如您所见，在评估函数中，当我将其复制到 Chrome Inspect Console 时，返回值 document.getElementsByClassName('ctr-p').length 将打印“3”，如下图所示: 但是当我执行 phantomjs 代码时，结果是“0”!

这有什么问题吗？请~

Answer 1

Google 看到 PhantomJS 的默认用户代理并认为它是某种过时的移动浏览器:

添加现代用户代理将解决该问题。另请参阅以下代码示例以获取其他建议:

var page = require('webpage').create()

// Let's pretend we're Chrome 51
page.settings.userAgent = 'Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/51.0.2704.106 Safari/537.36';

page.open("https://www.google.com.hk/",function(status){
    if(status === 'success'){
        var aa = page.evaluate(function() {
            return document.getElementsByClassName('ctr-p').length
        })
        console.log(aa)

        // Make screenshots often to confirm 
        // everything is what you're thinking it is
        page.render("googlehk.jpg");

        phantom.exit() // 0 = success exit code
    }
    else {
        phantom.exit(1); // 1 = error exit code
    }


})

3