サイト製作をやっていると、スマホ用ページをPC用のブラウザからチェックしたいことが多々あります。Webサイトの表示というのは主にUserAgentで切り替えている場合が多いので、これをいじる事でPC用ブラウザからでもスマホ用ページが閲覧できたりします。
そこで今回は、Google Chromeで拡張機能を使わずに簡単にUser-Agentを変更する方法について紹介したいと思います。この方法を使えば、拡張機能などを導入せずに簡単にGoogle chromeのUserAgentをAndroidやiPhoneに偽装してスマホ用ページにアクセスできます。
まず始めにUserAgent(ユーザーエージェント,UA)はどのようなものか説明しておくと、一般的にWebブラウザがWebページを表示する際には、HTTPリクエスト中にクライアント側から使用しているWebブラウザ、バージョンなどの情報を申告しています。これらの情報を元にサーバ側はWebブラウザに最適化されたデータを送信しているのです。
スマートフォンとパソコンでアクセスした際にWebページの表示が異なるのは、このUser-Agentのヘッダ情報を見て表示する内容を切り替えているからです。
Google Chromeで拡張機能を使わずに簡単にUser-Agentを変更する方法！
1 まずは適当なサイトを開きます。その後キーボードの「F12」キーを押します。
2 右下の歯車を押します。
3 「User Agent」のチェックを入れます。
4 偽装したいUser Agentを選択します。今回はスマホ用のページをチェックしたかったのでAndroid 2.3を選択しました。ちなみに、このウィンドウはそのまま保持しておいてください。閉じてしまっては設定が元に戻ってしまいます。
5 ここで最初のウィンドウで更新ボタンを押すと、スマホ用のページが表示されるようになります。
ショートカット
先ほどの手順以外にもショートカットをコピーして、リンクにUser Agentを指定することで特定のUser Agentで起動する方法もあります。
このようにchrome.exeの後ろにスペースを入れ--user-agent="ユーザーエージェント" --user-data-dir="c:\temp"のように追加することで起動時にUser Agentを指定することができます。--user-data-dirを指定しないと先に起動しているGoogle Chromeの設定が読み込まれてしまうのでこちらも忘れずに設定しましょう。
C:\Users\admin\AppData\Local\Google\Chrome\Application\chrome.exe --user-agent="Mozilla/5.0 (iPhone; U; CPU iPhone OS 2_0 like Mac OS X; ja-jp) AppleWebKit/525.18.1 (KHTML, like Gecko) Version/3.1.1 Mobile/5A347 Safari/525.20" --user-data-dir="c:\temp"
今回の個人的感想
ここ最近ではWebサイトにアクセスする端末は、PCのWebブラウザ以外にもスマートフォンが増えていますからね。スマホ用のページのチェックができます。まあ今回の方法では、UAの偽装だけでレンタチングエンジン自体はそのままなので、実機並みの表示確認はできませんが、おおまかなチェックくらいには使えますよ。
あとはモバマスとかのスマホ用のブラウザゲームなども、この方法でPCからプレイすることができます。ちょっと調べてみましたが「PCからのｱｸｾｽや対応を想定していないﾌﾞﾗｳｻﾞから利用したことが発覚した場合は､ｻﾎﾟｰﾄや補填の対象にならないことがございます｡」と書かれていたので使うのは自己責任ですけどね。
