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
302件
[
詳細
]
05.gif
325件
[
詳細
]
01.gif
319件
[
詳細
]
03.gif
260件
[
詳細
]
02.gif
321件
[
詳細
]
06.gif
287件
[
詳細
]
07.gif
319件
[
詳細
]
08.gif
295件
[
詳細
]
09.gif
316件
[
詳細
]
![[PukiWiki]](image/logo.png "[PukiWiki]"){kind=logo}
04.gif 302件
[詳細]
05.gif 325件
[詳細]
01.gif 319件
[詳細]
03.gif 260件
[詳細]
02.gif 321件
[詳細]
06.gif 287件
[詳細]
07.gif 319件
[詳細]
08.gif 295件
[詳細]
09.gif 316件
[詳細]
