web-dev-qa-db-ja.com

完全なウェブページのスクリーンショットを撮る方法は？

スクリーンショットを撮るために長い間shutterおよびscreenshotアプリケーションを使用しましたしかし、彼らは物理的な画面と同じ大きさのスクリーンショットしか撮ることができません。

時々、ブラウザでページを適切に保存できないため、ウェブページ全体のスクリーンショットポップアップも含めたいと思います。この状況では、物理的な画面よりもスクリーンショットを長く取ることができるソフトウェアが必要です。

これを行うソフトウェアはありますか？

this 質問とその答えはウェブページ保存アプリに関するものであり、ポップアップを保存しないことに注意してください、これは私の場合に不可欠です。コンバーターは必要ありません。リテラルスクリーンショットアプリが必要です。またはポップアップを保存できるものなら何でも。

そして、私はMozilla Firefoxを使用しています。それは本当に素晴らしいプラグインを持っているからです。

software-recommendationscreenshot
7
Registered User

Firefoxの最近のバージョンでは、プラグインは必要ありません。この機能はブラウザに組み込まれています。

  1. Firefoxでは、使用 Ctrl+Shift+F2 Web開発者コンソールを開きます。
  2. :screenshot --fullpageと入力します（これによりオートコンプリートされるので、:s Tab --fullpageは機能します）。

これにより、スクリーンショットがPNGファイルとしてダウンロードフォルダーに保存されます。デフォルトでは、ファイル名には日付と時刻が含まれます。必要に応じて、CLIでscreenshot --fullpage my_name.pngを渡すだけで、別のファイル名を使用できます。

これはポップアップウィンドウでも機能しますが、各ウィンドウを個別に保存する必要があります。それらを単一のスクリーンショットに結合する方法はありません。 （もちろん、後でGIMPまたは他の画像編集ツールで行うことができます。）

9
TRiG

以下は、ターミナルから使用できるアプリケーションのリストです。

wkhtmltopdfは、webkitレンダリングエンジンを使用してhtmlをpdfに変換するコマンドラインユーティリティです。

Sudo apt-get install wkhtmltopdf

Wkhtmltoimageユーティリティは、指定されたURLのスクリーンショットを取得し、PNG画像として保存します。 Webkitレンダリングエンジンを使用します。

ダウンロード： http://code.google.com/p/wkhtmltopdf/downloads/list

使用法：

Wkthmltoimageユーティリティを使用するには、ターミナルからコマンドを実行し、画像ファイルのURLと名前を指定します。

$ ./wkhtmltoimage-AMD64 http://www.google.com google.png

Www.google.comのスクリーンショットとともにgoogle.pngをホームディレクトリに作成します。

その他のオプション：

wkhtmltoimageは、スクリーンショットをカスタマイズするための多くのオプションを提供します。いくつかの例は次のとおりです。

品質-生成イメージの品質/圧縮を制御します。デフォルトは94

$ ./wkhtmltoimage-AMD64 --quality 50 http://www.google.com google.png

画像を無効にする

$ ./wkhtmltoimage-AMD64 --no-images http://www.google.com google.png

JavaScriptを無効にする

$ ./wkhtmltoimage-AMD64 --disable-javascript http://www.google.com google.png

スクリーンショットを切り抜く

$ ./wkhtmltoimage-AMD64 --crop-h 300 --crop-w 300 --crop-x 0 --crop-y 0 http://www.google.com googl

Cutycaptは、Webkitレンダリングエンジンを使用してURLのスクリーンショットを撮り、画像ファイルに保存するユーティリティです。

インストール

Sudo apt-get install Subversion libqt4-webkit libqt4-dev g++ cutycapt

Usagecutycaptを使用するには、端末からコマンドを実行し、出力ファイルのURLと名前を指定します。

$ cutycapt --url=http://www.google.com/ --out=google.png

ホームディレクトリにgoogle.pngファイルが作成され、www.google.comのスクリーンショットが作成されます。

khtml2pngは、konquerorレンダリングエンジンを使用して、Webページのスクリーンショットを作成します。

ダウンロード

http://khtml2png.sourceforge.net/index.php?page=download

インストール

Khtml2pngをインストールするには、プログラムをコンパイルしてシステム上でビルドする必要があります。

Sudo apt-get install kdelibs4-dev zlib1g-dev g++ cmake
Extract the khtml2png archive.
./configure
make
Sudo checkinstall (this will create a deb file and install it , so that it can easily uninstalled later)

Usagekhtml2pngを使用するには、コマンドラインからプログラムを実行し、urlおよびその他のオプションを指定します。

$ khtml2png2 --width 800 --height 600 http://www.google.com/ google.png

これにより、www.google.comのスクリーンショットを含むホームディレクトリにgoogle.pngが作成されます。

Pywebshotは、pythonバインディング埋め込みMozillaを使用します（ http://www.mozilla.org/unix/gtk-embedding.html ）

インストール

Sudo apt-get install python-gtkmozembed

Download pywebshot from https://github.com/coderholic/PyWebShot

使用法 ：

$ python pywebshot.py www.google.com -t 1024x768&lt;br /&gt;<br />Loading www.google.com... saved as www.google.com.png

サイズ1024 x 768のスクリーンショットがあるディレクトリにwww.google.com.pngを作成する必要があります。

2
Maythux

Firefoxでは、 Awesome Screenshot Capture plus というアドオンを使用できます

1
Wouter

Chromeを使用している場合は、 Screen Capture 拡張機能を使用して、全ページのスクリーンショットをサポートできます。 HTTPS対応ページでは動作しない場合があることに注意してください。

0
Kushal

Awsome Screenshot：Screen Capture Annotate -Chromeプラグインを試しました。それは私にとってはかなりうまくいきました。ポップアップ（jQueryベース）[アラートではない]をキャプチャし、フルページキャプチャし、HTTPSでも動作しました!!素晴らしいツール。

0
Vinod Tigadi