PhantomJS 不呈现整页内容

Question

我是PhantomJS 的新手，正在使用最基本的代码：获取谷歌页面并捕获屏幕截图。

我要获取的 URL 是：https://www.google.com/#tbm=lcl&q=starbucks

如果你在真正的浏览器中打开它，你会看到它是这样的：

但我的 PhantomJS 看到了这个：

一开始我觉得可能是异步网页内容加载太慢了，所以我设法等了好几秒然后抓屏，但我看到 PhantomJS 仍然无法获取内容。

这是我的代码 sn-p：

var page = require('webpage').create();
page.settings.userAgent = 'Mozilla/5.0 (X11; CrOS x86_64 8172.45.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/51.0.2704.64 Safari/537.36';
page.viewportSize = { width: 1280, height: 800 };

page.open('https://www.google.com/#tbm=lcl&q=starbucks', function() {

  setTimeout(function(){
    page.render('screenshot_failed.png');
    phantom.exit();
  }, 5000);
});

请指出我在获取此网页时可能会错过的内容。谢谢！

Answer 1

除了你已经拥有的所有代码之外，尝试在打开回调中强制页面到你想要的大小：

var width = 1280;
var height = 800;
var webpage = require('webpage');

page.open('https://www.google.com/#tbm=lcl&q=starbucks', function(status) {
    page.evaluate(function(w, h) {
      document.body.style.width = w + "px";
      document.body.style.height = h + "px";
    }, width, height);
    page.clipRect = {top: 0, left: 0, width: width, height: height};                                                                                                                           
    page.render('screenshot_failed.png');
});