【ブログの始め方】パソコンでスマホ画面を表示する方法

ブログを作成していると、スマホの画面ではどの様に表示されるか見てみたいことがあります。

今や多くの方はスマホでWebサイトを見ることが多いですからね。

ただブログの作成はパソコンで作成するのが便利です。

 

パソコンの画面でスマホで表示される画面が確認できるの???

 

だーしー
最初に設定さえすれば、それ以降はキーボードのF12ボタンを押すだけで簡単に見れます。

 

パソコンでも簡単にスマホ画面の表示を確認することが出来ると便利ですね。

以下の簡単な設定を1度しておけば、キーボードの「F12」ボタン1つで切り替えが出来るようになりますので、1度試してみて下さい。

1分もかからず設定可能です!

 

 

1.Google Chromeで表示したいサイトを表示する

 

 

2.F12を押す(開発者用画面が開く)

下記写真の右横に開発者用画面が表示されます。

スマホ画面表示

 

 

3.左上にあるボタンを押す

スマホ画面表示

 

 

4.スマホ画面が表示される

スマホ画面表示

 

 

5.「Responsive」を押せばiphone8など主な機種毎の表示にも変更可

機種によって画面サイズ(4.7インチなど)が異なりますが、これに対応可能です。

スマホ画面表示

 

 

6.表示したい機種を選択して「F5」を押すとスマホ画面が表示

スマホ画面表示

 

 

7.「F12」を押して戻る

 

 

以上で設定は完了です!

 

設定が終われば、次回からは「F12」ボタンを押せばスマホ画面が簡単に見ることが出来ます

また、再度「F12」を押せば、通常のパソコン画面表示に戻ります。

 

mobile devices
最新情報をチェックしよう!