2016-08-09 7 views
0

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ファイルではないことを私に説明できますか?それを修正する方法は?

+1

htmlページが読み込まれるかどうかテストできますか? – Douglas

+0

@Douglas先週からjsを学び始めました。私に試してみましょう... – Chris

+0

@Douglas私はこの行を伝えることができます:page.open( 'googlemaps_demo.html');実行される。しかし、それはおそらく適切に開かれていないでしょう。 – Chris

答えて

2

おそらくファイルを指定する必要があります:file:///スキームとファイルの完全な場所。 file:/// c:/local/page.htm

+0

の提案のおかげでのみ開くことができます。 file:/// c:/ Users/me/......のようにアドレス全体にスラッシュのみを使用して動作させました。なぜ2つのスラッシュを切り替えるのですか? – Chris

+0

正しいスラッシュを使用するように更新されました。 – oldbam

関連する問題