パソコンの画面でモバイル(スマートフォン)の画面を確認する
パソコンの画面でモバイル(スマートフォン)の画面を確認するためのメモ
Google Chromeでスマートフォンの画面を確認するための手順
Google Chromeで確認したいページで右クリックをします。「検証」をクリックします。Google Chromeのブラウザの画面が分割されましたので、上部中央にある「スマートフォンとタブレットのアイコン」をクリックします。
そうしますと、Google Chromeのブラウザがスマートフォンのプレビュー機能モードに切り替わりました。左側の画面に表示されていた、パソコンで見る時の画面がいつも手にするスマートフォンの見る画面に変わりました。とても簡単でした。
また、キーボードショートカットキーでこの「検証」を出すには、「Ctrl + ⇧Shift + I」を押すと出てきます。(Macだと「commandl + option + I」)
先ほどの「スマートフォン、タブレットのアイコン」から一番左側に行きますと「Responsive▼」の表示がありますので、こちらを選択すると、iPhoneやNexus、Galaxyなど色々なモバイル機器や、iPadなどのタブレット機器の画面表示が選べます。
他の機器もたくさん
一番下にある「Edt…」を選択するとさらにBlackBerryやKindle Fire、LG、Microsoft Lumia、Nokiaなどの機種も選択できます。
最後に元の画面に戻す時は「スマートフォンとタブレットのアイコン」を再度選択するか、キーボードショートカットキー(Ctrl + ⇧Shift + I)をもう一度押すと元の画面に戻すことができます。
(自身のはてなブログは「プレビュー」から「PC」「スマートフォン」の表示にプレビューすることができます。)
スクリーンショットに写っているコストコのカークランド ハニーベアのハチミツです。紅茶、コーヒーなどにぴったりです。