Phantomjs - 获取html页面的截图

时间:2016-08-09 18:44:15

标签: javascript html google-maps phantomjs

我创建了一个使用Googlemaps API的html页面(本地存储)。我的整个页面是一个基本的谷歌地图与一些自定义。我想在每次更改自定义中的某些参数时截取屏幕截图,以便稍后我可以轻松比较。

我发现了this类似的答案,我让它在我的机器上运行。但是,当我将网址从实际网页更改为我自己的本地html文件时,Phantomjs只保存一个完全黑色的图像。

这是我的脚本。

var WebPage = require('webpage');
page = WebPage.create();
page.open('googlemaps_demo.html');
page.onLoadFinished = function() {
   page.render('myScreenShot' + '.png');
   phantom.exit();}

文件googlemaps_demo.html和此js脚本本身位于同一文件夹中。有人可以向我解释为什么这段代码只适用于在线网址,但不适用于本地的html文件?以及如何解决它?

1 个答案:

答案 0 :(得分:2)

您可能需要使用file:/// scheme和文件的完整位置指定文件,例如文件:/// C:/local/page.htm