尽管页面内容不变，但PhantomJS图像可捕获不同尺寸的图像

Question

我正在尝试使用PhantomJS图像捕获来捕获浏览器的图像。 每次运行图像捕获功能时，图像的尺寸都会略有不同。例如，一旦我得到1400x5185，如果我在几小时后打开相同的网址，我会得到1399x5185或1400x5186。

我尝试过从左上角裁剪，但是像素略微偏斜。 注意：页面内容始终是常量

如何在不拍摄像素的情况下始终确保获得相同尺寸的图像？

Answer 1

页面上可能会发生某些变化，否则PhantomJS没有理由渲染不同的图像。

您应该详细检查图像的差异。广告可能是他们没有统一格式化的罪魁祸首。如果您确定了更改的DOM元素，则可以使用casper.evaluate()访问DOM并在捕获屏幕截图之前删除/隐藏这些元素。

您还可以使用casper.viewport()将视口大小更改为1920x1080。如果页面垂直滚动，则只有一个y方向可能会改变。如果您想确定，请将视口大小更改为1400x5187。