Blogブログ

WEB制作者用スマホサイトの確認に使えるグーグルクローム用アドオン(UserAgentSwitcher for Chrome)

2012/11/14

ホームページを制作しているとユーザーエージェントを変えて、

スマートフォンではどう見えているか確認したい時がよくあります。

そんな時に便利なのがGoogleChromeのUserAgentSwitcher for Chromeというアドオン。

→アドオンのダウンロードはコチラ(User Agent Switcher for Chrome)

インストール

※GoogleChromeでアクセスして下さい。

左上の検索窓に「User Agent Switcher for Chrome」と入力し、

Enterボタンを押すと右側に検索結果がでるので、その中で一番上のUser Agent Switcher for Chromeの右側の「CHROMEに追加」を押すとインストールされます。

使い方

インストールが完了すると、ブラウザ右上に紙の上にメガネがあるみたいなアイコンが追加されます。

このアイコンをクリックするとスマホの種類やiPadなどを選べますので、確認したい機種名をクリックすれば、

今開いているホームページが再読み込みされ、スマホでどう見えるか確認できます。

ちなみに私のホームページはiPhone用でみるとこんな感じみたいです。

確認が終わったら、先程のアイコンをクリックして「Chrome」→「Default」を押して元の表示に戻すのをお忘れなく!

他社より断然お得で使いやすい
”アクトのWEB制作”
ACTホームページ相談窓口 / 
システム開発相談窓口