リクエストを聞き取り、スクリーンショットをキャプチャするためのクロスブラウザソリューション

Question

ユーザーが任意のリクエストをキャプチャしていくつかのタグを使ってそれらをWebサービスに戻すことを可能にするプラグイン/拡張/ブックマークレット/ greasemonkeyスクリプトを作成する必要があります。たとえば、ユーザーはページにアクセスして「キャプチャ」をクリックし、タグや説明を要求するダイアログが表示され、現在のウィンドウの場所がWebサービスに送信されます。

1. は、ユーザはまた、非同期の要求と「キャプチャ」それらのユーザーはのスクリーンショットをキャプチャすることができるはず、彼らはウィンドウの位置

2. をキャプチャすることができ、同じように見ることができるようになります。ここでキャッチです低レベルのhttpのものが良いよりもサポートしているように見えるので、彼らの現在のページとは、Webサービス、私は解決策（おそらく、Firefoxなどのブラウザプラグインに傾いていますこれらの最後の二つの合併症を考えると

を通じてそれを送り返しクロム）が、私は誰かがより多くのブラウザ間での解決策のアイデアを持っているのかどうか、もしこの種のものに良いAPIを提供するかもしれない何かがあるかどうか疑問に思っています。

Answer 1

すべての要求をキャプチャできるクロスブラウザソリューションはありません。 Firefoxの場合は、nsIContentPolicy interfaceを実装し、コンポーネントをcontent-policyカテゴリに登録します。 Chromeの場合、experimental webRequest APIが必要です（WebKitブラウザのbeforeloadイベントは同じことをしますが、すべてをキャプチャしません）。severe side-effectsもあります。

ウェブページのスクリーンショットについては、Firefoxの拡張機能では、HTML <canvas>タグを使用し、drawWindow methodを呼び出すことで可能です。その後、canvas.toDataURL()を介してデータをエクスポートすることができます。 私はWebKitブラウザの代替案を知らない。chrome.tabs.captureVisibleTab()はChromeでも同じことができます。