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
303件
[
詳細
]
05.gif
326件
[
詳細
]
01.gif
321件
[
詳細
]
03.gif
263件
[
詳細
]
02.gif
323件
[
詳細
]
06.gif
289件
[
詳細
]
07.gif
320件
[
詳細
]
08.gif
295件
[
詳細
]
09.gif
316件
[
詳細
]
![[PukiWiki]](image/logo.png "[PukiWiki]"){kind=logo}
04.gif 303件
[詳細]
05.gif 326件
[詳細]
01.gif 321件
[詳細]
03.gif 263件
[詳細]
02.gif 323件
[詳細]
06.gif 289件
[詳細]
07.gif 320件
[詳細]
08.gif 295件
[詳細]
09.gif 316件
[詳細]
