Google Chromeで簡単にスマホサイトをチェックする

 
おはようございます(^-^)/

時々スマートフォンサイトをいじることがあるナカジ(@cp_nakajun)です。

iPhoneを持ってますので、それで良いじゃん！

とも思いますが

例えば、あるサイトを参考にしながら自分のサイトを構築しているような時など

実機で確認するのが煩わしかったりします。

Mac、PCで確認できればキーボードから手離す機会を減らす事もできるし

効率的だと考えました。

最初はエミュレーターみたいなものがないか探してたんですが

調べると

Google Chromeブラウザで簡単にできる！と

どれだけ簡単かというと

①クロームを立ち上げ

[ツール]→[デベロッパーツール]を選択します。

②右下のマークをクリック

③[User Agent]を選択すると

ちゃんと、スマホ用ページが表示されます！

iPadもAndroidも選択できます！！

コレは便利です！！