PCでスマホ版サイトを表示する方法を紹介します。
PCでブログ作業をして「スマホで見たらどうかな?」と、いちいちスマホでチェックしなくてよくなります!
それでは方法を見ていきましょう。
PCでスマホ版サイトを簡単にチェックする手順【3ステップ】
①スマホ版で表示したいページで「F12」を押します。
![](https://www.guakw.info/wp-content/uploads/2021/04/fullss-1024x258.jpg)
画面右側にデベロッパーツールが表示されます。
なんかごちゃごちゃ出てる英語みたいなものはコードです。今回は使わないので気にしなくてOKです。
![](https://www.guakw.info/wp-content/uploads/2021/04/f12ss-1024x263.jpg)
②[Elements]の左側のボタンをクリックします。(下図の赤枠の部分)
![](https://www.guakw.info/wp-content/uploads/2021/04/image-3-1024x265.jpg)
![](https://www.guakw.info/wp-content/uploads/2021/04/image-4.png)
⇐赤枠のクリックするのはこれです
③スマホ版サイトが表示されます。
![](https://www.guakw.info/wp-content/uploads/2021/04/phoness-1024x263.jpg)
クリックでスワイプすることもできます。
これでスマホでの表示のされ方をチェックすることができます。
「あれ?うまく切り替わらないけど・・・」というときは、「F5」キーを押して更新してください。
PC版に戻すには、もう一度②のボタンをクリックすれば切り替えられます。
コメント