web-dev-qa-db-ja.com

スクロール要素全体のスクリーンショットを撮る方法は?

その方法を見つけるためにインターネットを検索しましたが、機能するものは見つかりませんでした。

私はTinderアプリのWebバージョンを使用しています。 div内にチャットセクションがあり、チャット全体の写真を1回のショットで撮りたいと思います。スクロール機能を持​​つdiv要素は、この赤い境界線の内側にあります。

Screenshot of the page

私は通常Chromeを使用しますが、Firefoxまたはそれを実行できる任意のブラウザーを使用できます。出来ますか?

4
Eduardo M

私はほとんどのスクリーンショットに Nimbusスクリーンショットとスクリーンビデオレコーダー を使用しており、ページのさまざまな部分をキャプチャするための多くのオプションがあります。他のオプションもありますが、これは確かに私が見つけた最高のものです。

1
Rod Molina

OK。私は洞察力を持っていて、問題を解決することができました、hehe。

Divプロパティに移動し、CSSの「高さ」を500%に変更しました。 Voilà!次に、Firefoxで「スクリーンショットノード」機能を使用できます。高さが100%であったため、以前は機能していなかったため、スクリーンショットノードは、すべての要素ではなく、画面上の表示部分のみを取得しました:D

1
Eduardo M