ウェブページ全体のスクリーンショットを撮る必要があります。仕掛けとしては、画面に収まらない単一の要素の内容全体をスクリーンショットに含める必要があります
高さがあるためスクロールバーがある1カラムテーブルです。IFRAMEではありません（独自タブで読み込めば簡単ですが）
列には、フォーマットされたテキストといくつかの小さな画像が含まれています
スクロールする長いウェブページの場合、このタスクを実行するのは些細なことです。しかし、スクロールするページ内に個別の要素が含まれている場合、どのようにして実現できるのでしょうか？
明確にするためには、要素そのものだけでなく、ページ全体をキャプチャする必要があります
WindowsのFirefoxを使って達成したいと思います
73 RockPaperLz- Mask it or Casket 2016-06-13
私の提案は、Firefoxの内蔵機能を使用して、単一のDOM要素のスクリーンショットを撮ることができます
開発者ツールを開く→要素を探す→右クリックしてスクリーンショットを撮るだけ
それは私の内部サイトの一つでは動作しませんでしたので、それがすべてのために動作するとは言えません
OPの編集後に更新
以下のように、DOM要素のコンテンツ全体と一緒にフルページを記録する場合は、DOM要素の高さを編集する必要がありますが、
これは多くのDOM要素をビューポートやスクリーンショットから押し出すことになるし、他のツールではキャプチャできない
以下、https://en.wikipedia.org/wiki/Screenshotよりお読みください
スクリーンショット、スクリーンキャプチャ、スクリーンキャップ、キャップ、スクリーンダンプ、またはスクリーングラブとは、使用中のモニタ、テレビ、またはその他の視覚出力装置に表示されている目に見える項目を記録するために人が撮影した画像のことである
もし私が本当にあなたの方法でそれをしなければならなかったとしたら、私はGIFを作成するか、2枚のスクリーンショットを撮るか、1枚はフルページ、もう1枚はDOM要素のみを1枚にマージするかのどちらかです
90 pun 2016-06-13
開発者ツールバーからスクリーンショットコマンドを使用することができます
Shift + F2を押してツールバーを開くか、Web Developer Toolsメニューから選択します
ツールバーで、
screenshot --fullpage fullpage.pngと入力します
単一の要素をキャプチャするには、そのcssセレクタを –selector フラグで使用することができます
screenshot --selector #hot-network-questions
をクリックすると下の画像のようになります
23 topher 2016-06-13
Firefox の レスポンシブデザインモード を使用して、幅を普通のものに、高さをページ全体を包み込むのに十分な高さに設定します。そして、スクリーンショットボタン（カメラのアイコン）をクリックします
7 Ouroborus 2016-06-13
私はScreenpressoを使っています。スクロールでスクリーンショットを撮ることができます。基本的には、スクリーンショットを撮って、下にスクロールして別のものを撮るなどして、Screenpressoがそれらをつなぎ合わせてくれます。Screenpressoは無料です
参考までに、スクリーンショットをスクロールするためのショートカットキーは、WindowsKey+Shift+PrintScreenです。あとはスクロールしたいウィンドウをクリックします。あなたがスクリーンショットに次の部分に到達したら、右クリック、スクロールダウン、右クリックなど。あなたが終了したら、左クリックして、彼らは一緒にステッチを取得します。ステッチプロセスがより良く動作するように、各スクリーンショットにいくつかの重複を取得することを確認してください
5 garethb 2016-06-14
あなたの問題を解決するかもしれないSnagitと呼ばれるソフトウェアがあります。このソフトウェアは、スクロールウィンドウのような異なるタイプのスクリーンショットを取ることができ、また、ビデオを録画することができます
これは有料のアプリケーションですが、試用版も用意されています
4 Gurumurthy.G 2016-06-13
拡張機能があります Nimbus Screen Capture これはこのタスクに完全に適しています
キャプチャするオプションがあります
- ページの可視部分（alt+Print Scrnとは対照的にブラウザ要素を含まないようにすると便利です）
- ページの断片 (画面上の領域にカーソルを置くことで、欲しい断片を見つけることができます – これらの領域は、その基礎となる HTML 要素に対応しています)
- 選択された領域（スクリーンショットを撮りたいところを手動でクリックしてドラッグ、ドラッグ中のスクロールをサポート）
- 全ページ
1 Keith Hall 2016-06-14
1ページにすべてを収めるオプション
- 1ページにすべてを収めるには、
<Ctrl>-を使用します - 画面を縦向きに回転させます
- ポートレートモードで2つ目の画面を使用して、最初の画面の下に位置を特定します
- 上記のすべてを組み合わせてください
もう一つの方法は、キャプチャしたいものの上部のスクリーンショットを撮ることです。下にスクロールして、次のスクリーンショットを撮ります。すべてをキャプチャするまで、これを繰り返します。 オプション：画像エディタ（gimpなど）を使って、スクリーンショットを一つの大きな画像にまとめることもできます
0 NZD 2016-06-13
スクリーンショットを撮るには、簡単スクリーンショットのような拡張機能を追加することができます。そうすれば、スクリーンショットを撮るのが格段に楽になります
0 user606374 2016-06-15
DESKTOPプログラムの場合、ウィンドウをスクロールすると、ApowerSoftのキャプチャは私のために仕事をしました
0 T.Todua 2019-01-31
