css - PhantomJS 屏幕截图 png 格式

Question

我正在使用 PhantomJS 导出 png 文件。在下载的 png 文件中，一些布局被弄乱了……虽然在浏览器中它看起来不错。我想知道 PhantomJS 对下载的 png 文件做了什么，它是否使用相同的 html 和 css 来渲染它？

Answer 1

PhantomJS 是一个 headless 浏览器，并使用 WebKit 引擎。根据您的 PhantomJS 版本，此引擎可能已有 4 年 (v1.x) 或 1 年 (v2.x)。您必须调整 CSS 才能解决 PhantomJS 上的这个问题。

您还可以尝试更改视口(viewport)尺寸。 PhantomJS 的大小为 400x300。对于如此小的视口(viewport)，您的页面可能表现不佳。更改为类似桌面的东西:

page.viewportSize = { width: 1280, height: 800 };
page.open(url, fn);