ブラウザコンテンツのスクリーンショットをキャプチャする(ウェブサイト)

カッターバー:

私の目的は、ウェブサイトの画像を作成することです(はい、それと同じくらい簡単です)。html2canvasのようなツールがあることは知っていますただし、クライアントブラウザーでスクリーンショットをレンダリングしたくありません。

1つの理由は、本質的にのように動作するwebviewchrome拡張を使用することiFrameです。セキュリティ上の理由から、を含むWebサイトのスクリーンショットのレンダリングiFrameは機能しません。

彼らがウェブサイトのスクリーンショットのキャプチャネイティブでサポートする機能に取り組んでいることも知っていますが、クロスブラウザーソリューションが必要で、ブラウザーの可能性に依存しないでください。これはすべてサーバー上で行われるので、コマンドラインから実行できるはずです。

私が今やっていることは:

  1. コマンドラインからブラウザ開く
  2. コマンドラインでフォーカスをブラウザウィンドウに切り替えます
  3. コマンドラインからスクリーンショット(macではscreencapture、Linuxではscrot)作成する

この基本レベルでこれを行うと、画像にステータスバーやブラウザプラグインの要素などが含まれるという欠点があります。実際、私はこのアプリケーション固有の要素をすべて使わずに、実際のWebサイトのコンテンツだけを持ちたいと思っています。

  • 最悪の解決策は、すべてのブラウザーのウィンドウに対するコンテンツの0 | 0位置をハードコーディングすることですこれはおかしいです(明らかな理由による)。
  • 私が思いついた別の解決策は、ブラウザに(ソケット経由でプラグインと通信できる)x:0; y:0;にQRコードのようなものを追加するように伝え、スクリーンショットを画像処理サーバーに送信することです。その後QRコードを削除し、スクリーンショットを再度送信します。それから私は0 | 0に関連するすべての点を知っていますが、それはそれほどエレガントでもありません。

一番いいのは、なんとかしてアプリケーションのどの部分のイメージをキャプチャしたいかを判断できるコマンドラインツールです。

例はあるFirefox用このプラグイン、このサーバ側のツールなどさまざまなブラウザやOSとウェブサイトのスクリーンショットを提供するすべてのこれらのツールこれどのようにしてブラウザ固有のGUI要素を取り除くのでしょうか。

追加

これを十分に明確にしたかどうかはわかりませんが、特定のブラウザーのコンテンツのスクリーンショットが必要ですが、ブラウザー固有のGUI要素はありません。つまり、ヘッドレスブラウザーを実行しているアプリケーションは私には役に立たないということです。ヘッドレスブラウザーには独自のエンジンがあるためです。具体的には、Firefoxバージョンxなどのスクリーンショットが欲しいです。

イワンバティック:

セレンについて知っていますか?これは実際に特定のブラウザを開いてスクリプトテストを実行するテストツールです。スクリーンショットを撮るのにも使えます。

これはあなたの問題の解決策かもしれません

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

ブラウザウィンドウのクローズイベントをキャプチャする方法は?

分類Dev

Seleniumスクリーンショットリスナーが間違ったブラウザーをキャプチャする

分類Dev

アクティブなウィンドウのスクリーンショットをキャプチャしますか?

分類Dev

Rubyでウィンドウのスクリーンショットをキャプチャする方法

分類Dev

Jenkinsコードのダウンストリームジョブのビルド番号をパイプラインとしてキャプチャする

分類Dev

ブラウザのキャッシュはテキストコンテンツにも影響しますか?

分類Dev

FFMPEGを使用してブラウザのタブコンテンツをキャプチャする方法

分類Dev

ブラックリストを使用して現在のアプリケーションのスクリーンショットをキャプチャする

分類Dev

ブラウザがリクエストをキャッシュするのはなぜコンテンツタイプから独立しているのですか?

分類Dev

コマンドでハードドライブをシャットダウン/スリープおよびウェイクアップする方法は?

分類Dev

チェックアウト前にカートアイテムのサブスクリプションプロパティ値を変更する

分類Dev

サムスンギャラクシーS5デフォルトブラウザでCSSウェブサイトをデバッグする方法は?

分類Dev

セレンウェブドライバー3.0.0-beta3を使用して完全なウェブページのスクリーンショットをキャプチャできません

分類Dev

光沢のあるフレームワーク内のキャプションにウェブサイトをリンクする

分類Dev

ブラウザのアクションコンテキストメニューのデフォルトのタイトルエントリを削除する

分類Dev

Angularテンプレートでサブスクライブされたオブザーバブルの例外をキャッチする方法は?

分類Dev

ブラウザからシステムサウンドをキャプチャする

分類Dev

FromEventPatternでサブスクリプションする前にイベントをキャッチする

分類Dev

ブロードキャストを使用しない Java のクライアント サーバー チャット アプリケーション

分類Dev

テキストコレクションをループしてサブチャプターを抽出する

分類Dev

ブラウザアプリでシステムのウェブ検索をキャッチする方法は?

分類Dev

ブランチキャッシュステータスのみを取得するPowershellスクリプト

分類Dev

クラウドでJavaPLAYアプリケーションをホストするためのサーバーアーキテクチャ

分類Dev

spring-cloudコンテキストのブートストラップは、メインコンテキストで無効になっているSpringシャットダウンフックを無視します

分類Dev

Firefoxブラウザのキャッシュエントリを16進形式からデコードする

分類Dev

Matlabステレオキャリブレーションアプリでチェックボードのサイズを変更する

分類Dev

WPFアプリケーションのコントロールがフォーカスされている場合、アクティブなウィンドウタイトルのキャプチャに失敗しました

分類Dev

キュウリのテスト-シナリオの概要のサンプルテーブルを小さなチャンクに分割します

分類Dev

別のアプリケーションからのバックグラウンドブロードキャストを停止する

Related 関連記事

  1. 1

    ブラウザウィンドウのクローズイベントをキャプチャする方法は?

  2. 2

    Seleniumスクリーンショットリスナーが間違ったブラウザーをキャプチャする

  3. 3

    アクティブなウィンドウのスクリーンショットをキャプチャしますか?

  4. 4

    Rubyでウィンドウのスクリーンショットをキャプチャする方法

  5. 5

    Jenkinsコードのダウンストリームジョブのビルド番号をパイプラインとしてキャプチャする

  6. 6

    ブラウザのキャッシュはテキストコンテンツにも影響しますか?

  7. 7

    FFMPEGを使用してブラウザのタブコンテンツをキャプチャする方法

  8. 8

    ブラックリストを使用して現在のアプリケーションのスクリーンショットをキャプチャする

  9. 9

    ブラウザがリクエストをキャッシュするのはなぜコンテンツタイプから独立しているのですか?

  10. 10

    コマンドでハードドライブをシャットダウン/スリープおよびウェイクアップする方法は?

  11. 11

    チェックアウト前にカートアイテムのサブスクリプションプロパティ値を変更する

  12. 12

    サムスンギャラクシーS5デフォルトブラウザでCSSウェブサイトをデバッグする方法は?

  13. 13

    セレンウェブドライバー3.0.0-beta3を使用して完全なウェブページのスクリーンショットをキャプチャできません

  14. 14

    光沢のあるフレームワーク内のキャプションにウェブサイトをリンクする

  15. 15

    ブラウザのアクションコンテキストメニューのデフォルトのタイトルエントリを削除する

  16. 16

    Angularテンプレートでサブスクライブされたオブザーバブルの例外をキャッチする方法は?

  17. 17

    ブラウザからシステムサウンドをキャプチャする

  18. 18

    FromEventPatternでサブスクリプションする前にイベントをキャッチする

  19. 19

    ブロードキャストを使用しない Java のクライアント サーバー チャット アプリケーション

  20. 20

    テキストコレクションをループしてサブチャプターを抽出する

  21. 21

    ブラウザアプリでシステムのウェブ検索をキャッチする方法は?

  22. 22

    ブランチキャッシュステータスのみを取得するPowershellスクリプト

  23. 23

    クラウドでJavaPLAYアプリケーションをホストするためのサーバーアーキテクチャ

  24. 24

    spring-cloudコンテキストのブートストラップは、メインコンテキストで無効になっているSpringシャットダウンフックを無視します

  25. 25

    Firefoxブラウザのキャッシュエントリを16進形式からデコードする

  26. 26

    Matlabステレオキャリブレーションアプリでチェックボードのサイズを変更する

  27. 27

    WPFアプリケーションのコントロールがフォーカスされている場合、アクティブなウィンドウタイトルのキャプチャに失敗しました

  28. 28

    キュウリのテスト-シナリオの概要のサンプルテーブルを小さなチャンクに分割します

  29. 29

    別のアプリケーションからのバックグラウンドブロードキャストを停止する

ホットタグ

アーカイブ