#navi(../)
* PC版Google Chromeでスマートフォン向けページを閲覧する操作方法 [#e8ee6e45]
PC版のGoogle Chromeの設定を少々すればスマートフォン向け(AndroidやiOS)向けのページを閲覧できるようになります。~
User-Agent部分の変更ができるわけです。~
また、画面サイズもデバイスにあったサイズに設定したりすることもできます。~
モバイルデバイス向けにコンテンツを作成している方には便利な機能ですね。

#contents
#htmlinsertpcsp(web-top.html,web-sp.html)

* Chromeでスマートフォン向けページを見る [#q896dc34]
以下の操作でGoogle Chromeの設定を変更します。
+ Google Chromeを起動します。
+ Google Chromeの設定をクリックします。
#ref(01.gif)
#br
+ ツール→デベロッパーツールをクリックします。
#ref(02.gif)
#br
+ &ref(03.gif);をクリックします。
#ref(04.gif)
#br
+Emulationをクリックします。
#ref(05.gif)
#br
+ デバイスのリストボックスをクリックすると以下のようにデバイスを選択することができます。
#ref(06.gif)
#br
+User Agentをクリックし、Spoof user agentにチェックを入れると、リストボックスからAndroidやiOSなどのUser-Agentを選択することができます。
#ref(07.gif)
#br
#ref(08.gif)
#br
+DeviceをクリックしEmulateボタンをクリックすれば設定は完了です。~
以下のスクリーンショットは、User-AgentをiOSに設定しデバイスはiPhone5に設定したあと、Emulateボタンをおした時の画像です。
#ref(09.gif)
#br


以上、パソコン版のGoogle Chromeを使ってスマートフォンのページを閲覧する方法でした。

#htmlinsertpcsp(web-btm.html,web-sp.html)
トップ   編集 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 検索 最終更新   ヘルプ   最終更新のRSS