記事内に広告が含まれています。

PCでスマートフォン表示を確認できるアドオン

サイト作成にあると便利なツール webサイト作成便利ツール

 普段スマートフォンでサイトを見ない人、スマートフォンを持っていない人でもスマートフォンでの表示を確認する方法がある。

 ブラウザのアドオンを使うと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で見ることができるようになる。

コメント

タイトルとURLをコピーしました