ゲームアプリのUIデザイン

プレイしたゲームアプリのUIデザインに関して書き残します。毎日頑張って更新!

chromeで全画面スクショを撮影する方法【拡張機能不要】

こんにちは、ちょこです。

ここではGoogle Chromeで開いているページのスクリーンショットを撮影する方法を記載します。

ネットで検索すると、紹介されている情報が古くなってしまったため同じ手段が取れない状況になっていたり、拡張機能を別途用いる方法だったりしてスムーズに対応が出来なくなっているページを見かけます。

全画面のスクショを撮影するだけであれば、デフォルトの機能だけで十分です。
以下、挙動を確認した環境です。

 

スクリーンショットを撮影する手順は以下です。

  1. 撮影したいページを開く
  2. Ctrl + Shift + [ i ] を押す
  3. 画面右側からデベロッパーツールが表示されることを確認
  4. Ctrl + Shift + [ p ] を押す
  5. コマンド入力欄が表示されたことを確認
  6. Patakbuhin欄に「full」と入力 ※
  7. 「Capture full size screenshot」を選択し、クリック
  8. 任意の場所にページのスクリーンショットが保存されたことを確認

◆◆◆◆◆◆◆◆◆◆◆◆◆◆



 

※注意

  • キャプチャするページの作り方によっては、思った通りの撮影ができない可能性があります。
  • 現時点で動作確認済みですが、今後のChormeの仕様変更によっては使えなくなる可能性があります。