Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/470.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用CasperJS/PhantomJS生成高DPI的类似手机的屏幕截图?_Javascript_Phantomjs_Casperjs - Fatal编程技术网

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)