レンダリングされたHTMLページのスクリーンショットの取得方法

Question

ウェブ解析パッケージには、ページ内のユーザーのアクティビティに関する詳細情報が含まれており、ウェブページ上のオーバーレイ内での表示（クリック/スクロール/インタラクション）現在、これはページのライブレンダリングを含むIFrameです。

ページが時間の経過とともに変化するため、古いデータはページの現在のレイアウトに対応しなくなります。私たちはスパイダーを実行して時々ページのスナップショットを撮って、ページのさまざまなバージョンとのやり取りの記録を維持できるようにしたいと考えています。

私たちはこれ（Linux）の実装を行っていますが、スナップショットプロセスはPython/JavaScript/HTMLハックでFirefoxウィンドウを開き、スクリーンショットを作成し、スクロールしてマージしてファイルに保存します。これは通常はヘッドレスサーバーにXスタックをインストールする必要があり、1ページに1分かかる。

一般的なWebブラウザのレンダリング時間に近いパフォーマンスのヘッドレス実装が望ましいですが、何も見つかりませんでした。

Mozillaソースを出発点として何かを構築する動きがありますが、これは私にとって過酷なように思えますし、最新のものを維持しようとするとメンテナンスの悪夢になるかもしれません。

提案？

Answer 1

An article on Digital Inspiration点はであり、Webプラットフォームレンダリングエンジンと、現在のIEレンダリングエンジンを使用し、Windows、natchが必要なIECaptを使用しています。 FirefoxのレンダリングエンジンであるGeckoを使用している私の頭の上には何もありません。

しかし、あなたはXから離れることができるとは思えません。 CutyCaptはQtを必要とするため、XまたはWindowsインストールが必要です。そして、同様に、IECaptはWindowsが必要です（あるいは、Linuxで動かそうとするならWine、それからXが必要になります）。私はあなたがQt、Gtk、GDI、またはCocoaを必要としないレンダリングエンジンを見つけることができるとは思っていないので、ディスプレイライブラリをフルインストールする必要があります。

Answer 2

なぜ、クライアントに送信されるHTMLを保存しないのですか？それを使ってWebブラウザで再表示して、それがどのように見えるかを表示することができます。

あなたのWebanalyticsデータを使用してアクションを使用すると、コンボボックスやフィールドなどをクライアントが持っていた値にデフォルト設定したり、ボタンなどのCSSを変更してプッシュとしてマークすることができます。

Xスタックが不要なため、画像のクロールや保存は不要です。

EDIT（再アンドリュー・ムーア）：

これは、バージョン番号の下に現在のCSS /画像を保存されたです。 HTMLのコメントに簡単に解析可能なバージョン番号を置きます。 CSS /イメージを変更して既存の名前を使用する場合は、HTML出力のバージョン番号を増やしてください。

HTMLを保存するシステムでは、新しいコピーを取得して新しい番号で保存する必要があることがわかります。再表示するときは、バージョン番号を使用して、使用するCSS /イメージセットを判断するだけです。

私たちは現在、非常に似通ったシステムを使用しているため、ユーザの行動を追跡し、ヘルプデスクに電話する際により良いサポートを提供します。ユーザーセッションを開始し、あるものは生きている。

これを保存するときに、機密フィールドを自動検閲することもできます。

Answer 3

あなたのニーズに応じて、多くの無料のウェブページサムネイルサービスの1つを使用することができますか？ snapcasaは、例えば、これを見つけるためにあなたは月額千ドルを生成することができます/宣伝広告なし..（これまで使用されていない、ちょうどグーグル '無料のサムネイルサービス'）。

だけTHOT