PC でスマホの画面表示を確認する

PC でスマホの画面表示を確認する方法についてです。

PC は Windows 7 で、ブラウザは Google Chrome です。

私は未だにガラケーを使っているので、

自分のブログがスマホでどういう風に

表示されているのか分かっていません。

Google Chrome で簡単に確認が

できるということで試してみました。

Google Chrome のバージョン確認

この記事は 2015年8月30日に書いており、

Google Chrome は「バージョン 44.0.2403.157 m」です。

バージョンは以下の画像のように右上のメニューから

「Google Chrome について」を選択すると確認できます。

デベロッパーツールの呼出

Google Chrome の デベロッパーツールを呼び出します。

F12キーを押すか、「Ctrl + Shift + I」の同時押し、

あるいは、右上のメニューから「その他のツール」→

「デベロッパーツール」を選択します。

デバイスモードの選択

デベロッパーツールにスマホアイコンがあるので

これをクリックすると、デバイスモードになります。

後は、Device で「Apple iPhone 6」などを選択すると

ブログなどをスマホの画面表示で確認することができます。

まとめ

Google Chrome だけで簡単に確認することができました。

PC だとラベル（カテゴリやタグと同等の機能）が

記事終わりに表示されますが、スマホだと無いんですね…

デバイスモードで確認しながら

メンテナンスしていきたいと思います。

なお、IE11 のツールも漁ってみたところ、

「Windows Phone」のエミュレーションが可能でした。

設定をいじれば IE でも色々できるんでしょうか。

うーん、奥が深い…