読者です 読者をやめる 読者になる 読者になる

生きる力と考える力!などのブログ

毎日の出来事やブログの研究。スマホの活用など。 | Visionproud(ビジョンプラウド)

パソコンの画面でモバイル(スマートフォン)の画面を確認する

f:id:gaiusgreen:20161013070458p:plain

パソコンの画面でモバイル(スマートフォン)の画面を確認するためのメモ

Google Chromeでスマートフォンの画面を確認するための手順

Google Chromeで確認したいページで右クリックをします。「検証」をクリックします。Google Chromeのブラウザの画面が分割されましたので、上部中央にある「スマートフォンとタブレットのアイコン」をクリックします。

f:id:gaiusgreen:20161013070636p:plain

そうしますと、Google Chromeのブラウザがスマートフォンのプレビュー機能モードに切り替わりました。左側の画面に表示されていた、パソコンで見る時の画面がいつも手にするスマートフォンの見る画面に変わりました。とても簡単でした。

f:id:gaiusgreen:20161013070834p:plain

また、キーボードショートカットキーでこの「検証」を出すには、「Ctrl + ⇧Shift + I」を押すと出てきます。(Macだと「commandl + option + I」)

先ほどの「スマートフォン、タブレットのアイコン」から一番左側に行きますと「Responsive▼」の表示がありますので、こちらを選択すると、iPhoneやNexus、Galaxyなど色々なモバイル機器や、iPadなどのタブレット機器の画面表示が選べます。

他の機器もたくさん

一番下にある「Edt…」を選択するとさらにBlackBerryやKindle Fire、LG、Microsoft Lumia、Nokiaなどの機種も選択できます。

最後に元の画面に戻す時は「スマートフォンとタブレットのアイコン」を再度選択するか、キーボードショートカットキー(Ctrl + ⇧Shift + I)をもう一度押すと元の画面に戻すことができます。

(自身のはてなブログは「プレビュー」から「PC」「スマートフォン」の表示にプレビューすることができます。)

 

 スクリーンショットに写っているコストコのカークランド ハニーベアのハチミツです。紅茶、コーヒーなどにぴったりです。