PhantomJS ne rend pas le contenu de la page complète

Question

Je suis nouveau à PhantomJS et en jouant avec le code le plus basique: aller chercher une page google et capturer la capture d'écran.

L'URL que je suis en train de chercher est: https://www.google.com/#tbm=lcl&q=starbucks

Si vous l'ouvrez dans un vrai navigateur, vous verrez qu'il ressemble à ceci:

Mais mes PhantomJS il voit ceci:

au début, je pensais que la charge de contenu web async Comme je suis trop lent, j'ai réussi à attendre plusieurs secondes avant de capturer l'écran, mais je vois que PhantomJS n'arrive toujours pas à obtenir le contenu.

Voici mon extrait de code:

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

S'il vous plaît-moi de ce que je peux manquer lors de la récupération de cette page Web. Merci!

Answer 1

En plus de tout le code que vous avez déjà, essayez de forcer la page à la taille que vous voulez dans le rappel ouvert:

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