30 July

PCからスマホサイトを確認する方法

現在、サイトへのアクセスの大半がスマホからというほどスマホへの対応が必須になっており、サイト作成者は、自分のホームページをスマホからチェックすることは必須作業ですよね。

しかし、サイトの作成にはパソコンを使用している事が多く、スマホから自分のホームページをチェック出来れば楽なのにと思う事があると思います。

そこで、パソコンからスマホでどのように見えるのかをチェックする方法をご紹介します。

google chromeを使用する場合

右上の設定アイコン→ 「その他のツール」 → 「デベロッパーツール」をクリック。

下記のような画面が表示されます。
スマホのアイコンをクリックして、表示したい機種を選んでください。
そうすると選択したスマホのサイズに画面が変わります。

Firefoxを使用する場合

user-agent-switcherというアドオンを使ってスマホサイトの確認をすることが出来ます。

インストールが終われば使用することが出来るようになります。
Firefoxを起動したらツールからDefault User Agentで選択し、更新してください。