Chrome/PC版Google Chromeでスマートフォン向けページを閲覧する操作方法
の編集
Top
/
Chrome
/
PC版Google Chromeでスマートフォン向けページを閲覧する操作方法
[
トップ
] [
編集
|
差分
|
バックアップ
|
添付
|
リロード
] [
新規
|
一覧
|
検索
|
最終更新
|
ヘルプ
]
-- 雛形とするページ --
(no template pages)
#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)
タイムスタンプを変更しない
#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)
テキスト整形のルールを表示する
添付ファイル:
04.gif
305件
[
詳細
]
05.gif
326件
[
詳細
]
01.gif
323件
[
詳細
]
03.gif
265件
[
詳細
]
02.gif
326件
[
詳細
]
06.gif
291件
[
詳細
]
07.gif
322件
[
詳細
]
08.gif
297件
[
詳細
]
09.gif
320件
[
詳細
]