mania-ku

何か作りたいプログラマ未満。

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

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

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.撮れたら保存画面に移動するので、「完了」をクリックして保存します