PC上からスマホサイトを確認する方法~google clome編~

スマホの普及によって、
今や多くのブログへのアクセスがPCよりもスマホからという時代になりました。

そんな時に重要になるのは
「スマホからどのように見えるか」
が非常に重要になります。

PCから見て見やすいサイトでも、
スマホからみて形が崩れたり、
見にくいサイトではアクセスは減ってしまいます。

そこで、
いちいち手持ちのスマホから
どのように表示されているのかを確認するのではなく、
PC上から簡単にスマホ表示を確認する方法を解説します。

必要なものは「Google clome」というインターネットを見る為のブラウザです。
これがあれば特に拡張などをしなくても、
標準機能としてスマホ表示の確認ができます。

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

まずはgoogle clomeのメニューバーからデベロッパーツールを選択しましょう。

デベロッパーツール選択画面

そして、
「Emulation」タグから好みの「Device」を選択します。

デバイスの選択

これでスマホからの表示をPC上から確認することができます。

2015y05m07d_204802440

このテストではiphone5から見た時にどのように表示されるかを確認しました。

他にもアンドロイドやタブレットなど、
様々なデバイスからの表示方法を確認することができます。

まとめ

この方法を使えば実際にスマホやタブレットがなくても、
PC上からあらゆるデバイスでの表示を簡単に確認することができます。

今やスマホやタブレットからの表示方法をしっかり確認することは必須の作業なので、
自分のブログやサイトは常にスマホからどのように見えるか確認しておきましょう。

意外とスマホから見ると、
普段は気がつかないような発見がたくさんあります。

広告が目立ち過ぎていたり、
文字が大きすぎたり小さすぎたり、
改行が変な所になってしまったりといった、
細かい修正点が見えてくるので、
是非確認してみてください。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です