【Chrome】スマホサイトの1ページまるごとキャプチャする

  • 投稿日
  • 更新日
  • 著者 ituki
  • カテゴリー Design
Pocket
LINEで送る

スマホサイトのチェックなんかのときにページまるごとキャプチャしたいときがありますが、そんなときに使えます。

Chromeの準備

  1. 1.Chromeを開きます
  2. 2. Awesome Screenshotをダウンロードして有効化します
  3. 3.ChromeでDeveloperツール（MacだとAlt + Command + I）を開いて、EmulationからiPhone5あたりを選びます

キャプチャを撮る

  1. 1.キャプチャを撮りたいページを開きます
  2. 2.表示領域の下にスペースが空いていたらぴったりの画像が撮れないので、Developerツールを移動させるかなんかして下を詰めます
  3. 3.Chromeでaマークをクリックします。一度目は説明ページに飛ばされるが、二度目を押すと詳細が表示されます
  4. 4.ページ全体を撮りたいときは「Capture entire page」をクリックします
  5. 5.撮れたら保存画面に移動するので、「完了」をクリックして保存します
Chrome キャプチャ スマホ