Après avoir relancé pendant un certain temps, j'ai pu affiner le problème. Apparemment, PhantomJS utilise un ssl par défaut de sslv3 qui fait que Github refuse la connexion en raison d'une mauvaise poignée de main ssl

 phantomjs --debug=true github.js 

Affiche la sortie de:

 . . . 2014-10-22T19:48:31 [DEBUG] WebPage - updateLoadingProgress: 10 2014-10-22T19:48:32 [DEBUG] Network - Resource request error: 6 ( "SSL handshake failed" ) URL: "https://github.com/" 2014-10-22T19:48:32 [DEBUG] WebPage - updateLoadingProgress: 100 

Par conséquent, nous pouvons conclure qu'aucun écran n'a été pris parce que Github a refusé la connexion. C'est vraiment logique. Donc, définissons le drapeau SSL dans --ssl-protocol=any et laissez également ignorer les erreurs ssl avec --ignore-ssl-errors=true

 phantomjs --ignore-ssl-errors=true --ssl-protocol=any --debug=true github.js 

Grand succès! Une capture d'écran est maintenant rendue et enregistrée correctement, mais le débogueur nous montre un TypeError:

 TypeError: 'undefined' is not a function (evaluating 'Array.prototype.forEach.call.bind(Array.prototype.forEach)') https://assets-cdn.github.com/assets/frameworks-dabc650f8a51dffd1d4376a3522cbda5536e4807e01d2a86ff7e60d8d6ee3029.js:29 https://assets-cdn.github.com/assets/frameworks-dabc650f8a51dffd1d4376a3522cbda5536e4807e01d2a86ff7e60d8d6ee3029.js:29 2014-10-22T19:52:32 [DEBUG] WebPage - updateLoadingProgress: 72 2014-10-22T19:52:32 [DEBUG] WebPage - updateLoadingProgress: 88 ReferenceError: Can't find variable: $ https://assets-cdn.github.com/assets/github-fa2f009761e3bc4750ed00845b9717b09646361cbbc3fa473ad64de9ca6ccf5b.js:1 https://assets-cdn.github.com/assets/github-fa2f009761e3bc4750ed00845b9717b09646361cbbc3fa473ad64de9ca6ccf5b.js:1 

J'ai vérifié la page d'accueil de github manuellement pour voir si TypeError existait et il ne l'est PAS.

Ma prochaine supposition est que les actifs ne sont pas suffisamment chargés … Phantomjs est plus rapide qu'une balle excès de vitesse!

Alors essayons de ralentir artificiellement et de voir si nous pouvons nous débarrasser de ce TypeError …

 var page = require('webpage').create(); page.settings.userAgent = 'Mozilla/5.0 (Windows NT 6.3; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/37.0.2049.0 Safari/537.36'; page.open('http://github.com', function (status) { window.setTimeout(function () { page.render('github.png'); phantom.exit(); }, 3000); }); 

Cela n'a pas fonctionné … Après une inspection plus approfondie de l'image – il est clair que certains éléments manquent. Principalement des icônes et le logo.

Succès? Partiellement parce que nous recevons maintenant au moins une capture d'écran plus tôt, nous n'obtiendrions rien.

Travail terminé? Pas exactement. Besoin de déterminer ce qui provoque ce TypeError car il empêche certains actifs de charger et de déformer l'image.

Supplémentaire

Tentative de recréer avec CasperJS –debug est très moche et difficile à suivre par rapport à PhantomJS:

 casper.start(); casper.userAgent('Mozilla/5.0 (Macintosh; Intel Mac OS X)'); casper.thenOpen('https://www.github.com/', function() { this.captureSelector('github.png', 'body'); }); casper.run(); 

console:

 casperjs test --ssl-protocol=any --debug=true github.js 

En outre, l'image manquait les mêmes icônes, mais elle est également déformée visuellement. Étant donné que CasperJs s'appuie sur Phantomjs, je ne vois pas la valeur de l'utiliser pour cette tâche spécifique.

Si vous souhaitez ajouter à ma réponse, partagez vos résultats. Très intéressé par une solution PhantomJS impeccable

Mise à jour n ° 1: Suppression de TypeError

@ArtjomB souligne que Phantomjs ne prend pas en charge js bind dans sa version actuelle à partir de cette mise à jour (1.9.7). Pour cette raison, il explique: ArtjomB: PhantomJs Bind Answer

The TypeError: 'undefined' n'est pas une fonction qui se réfère à bind, car PhantomJS 1.x ne le supporte pas. PhantomJS 1.x utilise une ancienne fourchette de QtWebkit qui est comparable à Chrome 13 ou Safari 5. Le nouveau PhantomJS 2 utilisera un moteur plus récent qui prend en charge bind. Pour l'instant, vous devez ajouter une calque à l'intérieur de la page.on gestionnaire d'événements inactivé:

OK, alors le code suivant prendra soin de notre TypeError par dessus. (Mais pas entièrement fonctionnel, voir ci-dessous pour plus de détails)

 var page = require('webpage').create(); page.settings.userAgent = 'Mozilla/5.0 (Windows NT 6.3; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/37.0.2049.0 Safari/537.36'; page.open('http://github.com', function (status) { window.setTimeout(function () { page.render('github.png'); phantom.exit(); }, 5000); }); page.onInitialized = function(){ page.evaluate(function(){ var isFunction = function(o) { return typeof o == 'function'; }; var bind, slice = [].slice, proto = Function.prototype, featureMap; featureMap = { 'function-bind': 'bind' }; function has(feature) { var prop = featureMap[feature]; return isFunction(proto[prop]); } // check for missing features if (!has('function-bind')) { // adapted from Mozilla Developer Network example at // https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Function/bind bind = function bind(obj) { var args = slice.call(arguments, 1), self = this, nop = function() { }, bound = function() { return self.apply(this instanceof nop ? this : (obj || {}), args.concat(slice.call(arguments))); }; nop.prototype = this.prototype || {}; // Firefox cries sometimes if prototype is undefined bound.prototype = new nop(); return bound; }; proto.bind = bind; } }); } 

Maintenant, le code ci-dessus nous obtiendra une capture d'écran identique à celle que nous TypeError avant et le débogueur ne montrera pas un TypeError donc de la surface, tout semble fonctionner. Des progrès ont été réalisés.

Malheureusement, toutes les icônes d'image [logo, etc.] ne sont toujours pas correctement chargées. Nous voyons une sorte d'icone 3W qui ne sait pas d'où cela se produit.

Merci pour l'aide @ArtjomB