普段スマートフォンでサイトを見ない人、スマートフォンを持っていない人でもスマートフォンでの表示を確認する方法がある。
ブラウザのアドオンを使うとPCでスマートフォンの表示や動作を確認できる。
Firefoxでスマートフォンサイトを確認する
1、「ツール」「アドオン」⇒「UserAgentSwitcher」をインストール。
2、「ツール」⇒「DefaultUserAgent 」⇒iphonをクリック。
3、「ツール」⇒「web開発」⇒「レスポンシブデザインビュー」をクリック。
4、ページをリロードする。
PCサイトの表示に戻す際は「ツール」⇒「DefaultUserAgent 」⇒リロード。
または、「ツール」⇒iphon⇒「DefaultUserAgent 」⇒リロード。
レスポンシブデザインビューをクリックすると、横幅の選択が出来、リンク先の表示を見たりすることも出来るようになる。
UserAgentSwitcherでデフォルトで表示を確認できるのはIE・iphonだがEdit User Agentで情報を追加するとAndroidやほかのブラウザの表示を確認することもできる。
*UserAgent を確認したい人はこちらのサイトさんを見てね。
GoogleChrome/IEバージョンもある
GoogleChromeとIE9IE10にはデフォルトでユーザーエージェントを切り替えて表示する機能がある。
が、ちょっと操作が面倒。
UserAgentSwitcheには「User-Agent Switcher for Chrome」というGoogleChromeバージョンもある。
表示できるブラウザの数は「User-Agent Switcher for Chrome」のほうがおおい。
IEの場合も「UserAgent書き換え君」とか「User-Agent Switcher 」などのアドオンがある。
なぜパソコンでスマートフォンサイトが見れるの?
UserAgentSwitcherはUserAgentを偽装する。
UserAgentは簡単にいえば「WEBサイトをどのブラウザで見ているか?」という情報。
UserAgentSwitcherを利用するとサイトを見ているブラウザを偽装できるのでスマートフォンサイトをPCで見ることができるようになる。
コメント