問題タブ [webpage-screenshot]

私は現在、リアルタイム情報を表示し、ページが更新されるたびに更新されるphpスクリプトを持っています（30分ごとに自動的に更新されます）。更新されたページをスクリーンショットしてサーバーに保存するphpスクリプトまたはサーバー側の何かがありますか?

Linux Centos サーバーで最新バージョンの apache を使用しています。

よろしく、

ジョン

phantomjsに依存するnode-weshotを使用して、自分の Web サイトのイメージ スナップショットを作成しようとしています。ローカルマシンでは期待どおりに動作しますが、ライブサーバーにデプロイすると. 画像が生成されたことを示すコールバックを起動し続けるだけです。しかし、その下では、プロセスはまだ画像を生成しています。(つまり) ファイル名は生成されますが、サイズも内容もありません。10 分後、ファイルに画像データが入力されます。ただし、フォントは正しくレンダリングされませんでした。

スクリーンショットは次のとおりです。

そして、私のウェブショットコードをここに示します:

したがって、技術的には、ここに 2 つの問題があります。

1. 画像の生成がまだ完了していなくても、Webshot はコールバックを返します。
2. 生成されたイメージは、フォントを正しくレンダリングしません。（ここではGoogleフォントを使用しています）。

問題を修正するものはありますか？これはAngularjsアプリのスクリーンショットを撮る方法に関連していることがわかりますか?

または、node-webshot と phantomjs に代わる良い方法はありますか?

ウェブデザイン プロセスを文書化するために、ページをリロードするたびに、または HTML ドキュメントまたはスタイルシートを保存するときに、localhost のページのタイムスタンプを含むスクリーンショットを撮りたいと考えています。

grunt をタスク ランナーとして使用し、ヘッドレス ブラウザーの phantomjs を使用してページをキャプチャします。grunt-localscreenshots https://www.npmjs.org/package/grunt-localscreenshotsを使用すると、ページを手動で簡単にキャプチャできます。しかし、面倒で、タスクが完了するまでに最大 10 秒かかります。スクリーンキャプチャ プロセスは常にバックグラウンドで発生する必要がありますが、ページが変更または保存された場合にのみ発生します。

そこで、ディレクトリのファイル変更を監視し、phantomjs-script を起動するこのシェルスクリプトを作成しました。

これはphantomjsスクリプトです

これはちょっと機能しますが、非常に不安定で、html が変更された場合にのみ起動します。また、実際に何も変更されていない場合は、2 つまたは 3 つの重複したスクリーンショットが作成されます。また、スクリーンショットがまったく作成されない場合もあります。おそらくその理由は、ページのレンダリングに時間がかかりすぎることです。安定した使用可能なソリューションのアイデアはありますか? 理想は単調な作業です

pageres( https://github.com/sindresorhus/pageres ) モジュールを使用して、Web サイトのスクリーンショットをさまざまな解像度で撮ろうとしています。

コマンド ラインで URL とサイズを指定すると問題なく動作しますが、テキスト ファイルに URL があると動作しません。ファイルの最後の URL のみのスクリーンショットを取得します。次のコマンドを使用して pageres を実行します。

テキスト ファイル内の URL は改行で区切られているため、次のようになります。

したがって、基本的にはapple.comのみのスクリーンショットを撮り、その上の各スクリーンショットに対して以下のエラーをスローします.

私が得るエラーは次のとおりです。

それが指すファイルは webshot.phantom.js の 13 行目です。

コマンドを間違って実行していますか？私は彼らのサイトに記載されている方法でそれを使用しています。

ご協力ありがとうございました。

VC++ Win32 アプリケーションを使用して Web ページ全体のスクリーンショットを撮る方法はありますか。