PhantomJS无效页面呈现

我在Windows 7 x64上使用phantomjs来制作我的页面截图。我的代码是PhantomJS无效页面呈现

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

page.viewportSize = { width: 1920, height: 1080 }; 
page.open("http://localhost/index.html", function start(status) { 
    page.render('screeshot.png', {format: 'png', quality: '100'}); 
    phantom.exit(); 
});

我得到这样

截图，而Chrome的51告诉我页这样

来源

2016-08-05 Владимир Зотов

请加page.onError回调来检查的错误及也在网站上的一些信息/ HTML将是有益的。 – Vaviloff

我已经添加了onError处理函数，但它不会返回任何结果 –

每个浏览器都不相同，大多数开发人员不会测试其页面是否与PhantomJS兼容。它可能是任何错误的东西，但它看起来像一个CSS问题。编写更好的代码和/或更新到更新的PhantomJS版本。 –

增加延时，也许phantomjs还没有完全加载网站

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

page.viewportSize = { width: 1920, height: 1080 }; 
page.open("http://localhost/index.html", function start(status) { 
    setTimeout(function() { 
    page.render('screeshot.png', {format: 'png', quality: '100'}); 
    phantom.exit(); 
    }, 5000); 
});

或尝试这个脚本（https://github.com/ariya/phantomjs/blob/master/examples/rasterize.js）使用命令行：

phantomjs rasterize.js http://localhost/index.html /yourFolder 1920px

来源

2017-03-09 16:16:43 Hammelkeule

PhantomJS无效页面呈现

回答

相关问题