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

Dale St. Marthe

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

以下の DevTools のヒント動画では、完璧なスクリーンショットを撮るための 4 つの独自の方法と数多くのヒントを紹介しています。同じ方法でスクリーンショットを撮ることは二度とありません。

動画で次の方法を学びます。

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