phantomjs 和我的网络浏览器之间的渲染差异答案

【问题标题】：Rendering differences between phantomjs and my web browserphantomjs 和我的网络浏览器之间的渲染差异
【发布时间】：2013-05-02 18:39:06
【问题描述】：

我正在尝试使用 PhantomJS 从网页中截取屏幕截图。我使用以下代码（有效）：

    var args = phantom.args;
    var Address = args[0];
    var Destination = args[1];
    var page = require('webpage').create();
    page.viewportSize = { width: 1349, height: 653 };
    page.open(Address, function () {
        page.render(Destination);
        phantom.exit();
    });

不幸的是，我从 PhantomJS 获得的图像与我在浏览器（chrome 和 firefox）中看到的图像存在一些差异。文本有时更大，按钮没有相同的行为，...

有人可以解释为什么或如何获得我在浏览器中看到的确切屏幕截图吗？谢谢！

【问题讨论】：

标签： javascript html rendering screenshot phantomjs

【解决方案1】：

在此处查看 rasterize.js 示例和 wiki page。

有时您需要延迟渲染几秒钟。

【讨论】：

感谢您的建议。不幸的是，即使在 raterize.js 中使用 setTimeout，结果也与我在 Web 浏览器中看到的不同。