PhantomJSはフルページコンテンツをレンダリングしません

Question

私はPhantomJSに新しく、最も基本的なコードで遊んでいます：Googleページを取得し、スクリーンショットをキャプチャします。

私はフェッチしようとしているURLは次のとおりです。https://www.google.com/#tbm=lcl&q=starbucks

あなたは本当のブラウザで開いた場合、あなたはそれがこのようになります表示されます。

しかし、私のPhantomJS、それは見ていますこの：

まず

、私は多分、非同期Webコンテンツの負荷を考えました私は数秒間待ってから画面をキャプチャすることができましたが、PhantomJSはまだコンテンツを取得できません。

は、ここに私のコードスニペットです：

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

このWebページを取得するときに私は逃したことができるものを私を指すください。ありがとう！あなたが既に持っているすべてのコードに加えて

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