【iPhone】スマホでPC画面を表示させる方法をご紹介

【iPhone】スマホでPC画面を表示させる方法をご紹介

スマホでpc画面を表示させる方法があるんです!
やり方気になりませんか?

iPhoneでサイトを見る際にスマホ画面レイアウトではなく、
パソコンで見た画面を表示させる方法をご紹介します。

これで外出先でもpc画面表示させられるぜ!ってお話です(=゚ω゚)ノ

【iPhone】スマホでPC画面を表示させる方法

iPhone(サファリ画面から)以下の手順にてスマホにて
PCサイトのレイアウトで表示させることが可能です(=゚ω゚)ノ

【具体的なやり方はこちら!】

1.見たいwebページをいつも通り開く
※今回はdmm.comさんをサンプルとして出しています。

2.サファリ画面下にある矢印が上に向いているアイコンをクリックする。
すると、いくつかメニューがでてくる中にデスクトップ用ページを表示を選ぶ。

3.これでスマホ画面表示がパソコン画面へと切り替わります。
※サイトによっては切り替わらない場合がございます。
理由はいくつかありますが、レスポンシブデザインという仕組みで作られているサイトに多いですね。

4.スマホページ表示に戻したい場合は、一度ブラウザを終了させるかサファリのタブで新しいタブを開けばOKです。

 

パソコンでスマホ画面を見る方法もあるよ?

実はパソコンのweb画面からスマホ画面を見る方法もあったりします。
逆パターンですね!

手順を書いておきますね。

1.パソコンの「Google Chrome」にてdmm.comを開く。
※例としてdmm.comさんを表示します。

2.画面右上にある縦に点が3つ並んだ場所をクリックする。
3.「その他のツール」⇒「デベロッパーツール」を選択する。

4.その後、左下にあるスマホ端末のようなボタンをクリックする。

5.これでスマホ画面表示をPCで可能です。
もう一度、スマホ端末のようなボタン押すと元に戻ります。

 

 

あとがき

外出先、手元にPCがない時にスマホからPC画面表示を確認したい場合などに使えますので試してもらえたらと思います。

何かの際に覚えておいてもらえるとどこかで役立つかもです!
たまにPC画面にはあるけど、スマホ画面にはない情報とか普段PCページに見慣れているからちょっとスマホだと困っていたなどと言う場合に役立つシーンありますよ。

 

▼レスポンシブデザインが気になる人はこちらの本をどうぞ!

レスポンシブWebデザインテクニックブック プロが教えるマルチデバイス対応の手法
野田 一輝 加藤 俊司 藤田 拓人 清水 豊 細川 富代 野田 真穂 川下 城誉 根岸 良樹 岩堀 真吾 大竹 孔明
エムディエヌコーポレーション
売り上げランキング: 812,731

iPhoneカテゴリの最新記事