サイトに訪れる人の大半がスマホからということで、スマホ表示を綺麗にしていくことはとても大切です。そこで今回は、スマホ表示がどのようにされているのかをパソコン上(Mac)で確認する方法について、ご紹介していきます。

これを使うことにより、いちいちスマホでサイトを開いてどのように表示されているのかを確認する…という手間が省けますので、ぜひ試してみてくださいね!

Macでスマホ表示を確認する方法

普段Chromeをお使いの方も、スマホ表示を確認する際にはSafariを使っていきます。まずは確認したいサイトをSafariで開き、

 

Mac スマホ表示 確認

 

『環境設定』を選択します。

その後の画面では、

 

Mac スマホ表示 確認

 

『詳細』をクリックし、一番下の『メニューバーに”開発”メニューを表示』にチェックマークを入れましょう。

すると、

 

Mac スマホ表示 確認

 

上に『開発』ボタンが表示されますのでクリックし、その中の『レスポンシブ・デザイン・モードにする』を選択します。

 

Mac スマホ表示 確認

 

そうしますとこのような画面になり、iphoneやipadのそれぞれの機種での表示を確認することができます。確認したい機種をクリックし、どのように表示されるのかをあなたの目で確かめてみてくださいね!

まとめ

以上が、パソコン(Mac)でスマホ表示を確認する方法についての解説でした。わざわざスマホから開く必要がなくて便利ですし、何よりとても簡単な方法ですね。

なのでぜひぜひ一度お試しを!