GoogleChromeでスマホビューを確認! ユーザーエージェント変更アドオン!

ブログやサイト制作やデザインなどを独学でやってしまっていますが、コーディングで気になるのがスマホビュー！

iPhoneもそうですがAndroidも画面の横幅が様々で、レスポンシブ対応させるときに各スマホからの見え方を最終チェックしたいという事が多いです。

そんな時に役立つのがGoogleChromeのアドオンです。
ディベロッパーツールからも可能なようですが、一発変更できるアドオンの方が個人的には使い勝手がいいです。

「User-Agent Switcher for Chrome」でググれば見つかります。

そのまま「OK」で導入

後はブラウザの右上に怪しいサングラス?のアイコンが追加されていると思うので
他のブラウザのビューが見たいページを開いて
サングラスアイコンをアップして好きなブラウザを選択すれば見れます。