PCブラウザでスマホ版サイトを確認する

パソコンのブラウザ上でもスマホ版のサイトを閲覧することができるので、その手順を簡単にまとめてみました。

※下記手順はChromeの画面で説明しています。

①デベロッパーツールを開く
ブラウザを開き、「F12」キーを押す

F12キーを押して表示されたデベロッパーツール

②表示されたデベロッパーツールの上部にあるスマホのようなアイコン（赤枠で囲まれているアイコン）をクリック

スマホモードに切り替えるアイコン

以上。

PC版、スマホ版の切り替えはアイコンをポチポチしてもらえれば、簡単にできます。

PC版のnote

スマホ版のnote

表示する大きさをデバイスによって変えられたりするので便利です。
また、スマホでの実機検証だとやりにくいこともあるので参考にしていただければと思います。