javascript - PhantomJS 截图和比较（Resemble.js？）

Question

我正在尝试从网站上截取 2 张屏幕截图 - 一张在注入网站之前，一张在之后。

问题是 - 当我在加载所有资产后（以及在我注入脚本之前）尝试拍摄第一个屏幕截图时 - 它不会从 onInitialized 函数内部创建屏幕截图..任何线索为什么？

page.onInitialized = function () {
    page.render('e1.png');
    page.evaluate(function () {
        <here i'm injectingo the page>
    });
};

另外 - 我如何比较两个类似 js 的截图？我用npm安装了这个包，我正在用phantomjs运行测试，那么将通过phantomjs创建的屏幕截图保存到变量中然后与relike.js进行比较的方法是什么？我很高兴看到符合我需要的代码。非常感谢！！

Answer 1

该page.onInitialized事件是

在创建网页之后但在加载 URL之前调用。

您需要使用page.onLoadFinishedor 回调page.open来等待加载包含所有资源的页面。setTimeout请注意，如果页面是通过 JavaScript 动态生成的，则需要等待。