DevTools でスクリーンショットをキャプチャする 4 つの方法

Dale St. Marthe

Chrome DevTools には、ウェブ プロジェクトのスクリーンショットをキャプチャする革新的な方法が用意されています。

次の DevTools のヒント動画では、完璧なスクリーンショットを撮るのに役立つ 4 つの独自のテクニックと数多くのヒントを紹介しています。二度と同じやり方でスクリーンショットを撮影する必要はありません。

この動画で以下の方法をご確認ください。

• [Elements] パネルからノードのスクリーンショットを撮影します。
• 画面サイズよりも大きなノードのスクリーンショットを撮ります。
• モバイル版のウェブサイトのスクリーンショットを撮り、デバイスのフレームを追加する。
• ページ全体のスクリーンショットを撮影します。
• ページの一部領域のスクリーンショットを撮ります。
• スクリーンショットをカスタマイズします。