PhantomJS屏幕截图png格式

Question

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

Answer 1

PhantomJS是无头浏览器并使用WebKit引擎。根据您的PhantomJS版本，此引擎可能是4年（v1.x）或一年（v2.x）旧。您必须对CSS进行调整才能解决PhantomJS上的这个问题。

您还可以尝试更改viewportSize。 PhantomJS的尺寸为400x300。对于这样的小视口，您的页面可能会表现不佳。改为像桌面一样的东西：

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