Javascript 如何使用CasperJS/PhantomJS生成高DPI的类似手机的屏幕截图?
我可以获得小型移动布局和大小的屏幕截图:Javascript 如何使用CasperJS/PhantomJS生成高DPI的类似手机的屏幕截图?,javascript,phantomjs,casperjs,Javascript,Phantomjs,Casperjs,我可以获得小型移动布局和大小的屏幕截图: // 1080 x 1920 is Nexus 5 resolution casper.options.viewportSize = {width: 1080 / 3, height: 1920 / 3}; 然而,与在手机上观看时不同,DPI较低 相关信息 我的页面是这样的 保持完全分辨率,并使用 如果采用与屏幕大小相关的@media查询的响应性设计,这可能会失败。我仍然希望得到一个不那么老套的答案,但这至少让我们更接近了一点。我们真正需要的是设定一个
// 1080 x 1920 is Nexus 5 resolution
casper.options.viewportSize = {width: 1080 / 3, height: 1920 / 3};
然而,与在手机上观看时不同,DPI较低
相关信息
我的页面是这样的
保持完全分辨率,并使用
如果采用与屏幕大小相关的@media查询的响应性设计,这可能会失败。我仍然希望得到一个不那么老套的答案,但这至少让我们更接近了一点。我们真正需要的是设定一个标准。然而,截至2016年7月
<meta name=viewport content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
// 1080 x 1920 is Nexus 5 resolution
casper.options.viewportSize = {width: 1080, height: 1920};
casper.start().zoom(3)