Dale St. Marthe
Chrome DevTools には、ウェブ プロジェクトのスクリーンショットをキャプチャする革新的な方法が用意されています。
次の DevTools のヒント動画では、完璧なスクリーンショットを撮るのに役立つ 4 つの独自のテクニックと数多くのヒントを紹介しています。二度と同じやり方でスクリーンショットを撮影する必要はありません。
この動画で以下の方法をご確認ください。
- [Elements] パネルからノードのスクリーンショットを撮影します。
- 画面サイズよりも大きなノードのスクリーンショットを撮ります。
- モバイル版のウェブサイトのスクリーンショットを撮り、デバイスのフレームを追加する。
- ページ全体のスクリーンショットを撮影します。
- ページの一部領域のスクリーンショットを撮ります。
- スクリーンショットをカスタマイズします。