...続きを読む" />

Google Chrome でスマホの画面を見る設定

  • このエントリーをはてなブックマークに追加

スポンサーリンク

Google Chrome でスマホの画面を見る設定

 デスクトップ PC の Web ブラウザ、Google Chrome でスマホの画面を見る設定をします。これには、Google Chrome のデベロッパーツール (開発者用ツール) を使います。

Google Chrome で、スマホで見たいサイトを開きます。

Google Chrome の設定をします。

 ブラウザの右上の四角いアイコン (Google Chrome の設定)を押さえます。
 開いたメニューから、「その他のツール」=>
 デベロッパーツールへ進んで押します。

デベロッパーツールが、開きます。(左半分のビューポートを起動後です。)

デベロッパーツールが、開きます。(左半分のビューポートを起動前です。)

デベロッパーツールが、開きます。(左半分のビューポートを起動後です。)

 右半分の画面の上がわタブメニューの Elements の左側のアイコンを押します。
 左側半分の画面の上がわに、Device <Select model> などのメニューがでます。

Device <Select model> を押します。

 Device <Select model> のメニューから、デバイスを選びます。

ここでは、デバイスから Apple iPhone 6 を押しました。

 エミュレーターが起動して、Apple iPhone 6 の画面が表示されました。

 初回の起動では、上部にリロード (再読み込み) を促す、メッセージがでます。

画面左半分上がわの左上のアイコン (Reset all overredes) を押すと、リセットされます。

画面左半分が、リセットされた画面です。

スポンサーリンク

  • このエントリーをはてなブックマークに追加

SNSでもご購読できます。

コメントを残す

*

Translate »