GoogleマップAPIを使用するhtmlページ(ローカルに保存されている)を作成しました。私の全ページは、カスタマイズされた基本的なGoogleマップです。後で簡単に比較できるように、カスタマイズのいくつかのパラメータを変更するたびにスクリーンショットを撮りたいです。Phantomjs - htmlページのスクリーンショットを取る
this同様の回答が見つかりました。私は自分のマシンで動作させました。しかし、のURLを実際のWebページから自分のローカル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スクリプト自体は同じフォルダにあります。誰かがこのコードがオンラインURLのためだけに動作するのですが、ローカルHTMLファイルではないことを私に説明できますか?それを修正する方法は?
htmlページが読み込まれるかどうかテストできますか? – Douglas
@Douglas先週からjsを学び始めました。私に試してみましょう... – Chris
@Douglas私はこの行を伝えることができます:page.open( 'googlemaps_demo.html');実行される。しかし、それはおそらく適切に開かれていないでしょう。 – Chris