loading
 読み込み中...
ウェブの触手-日々の生活に新たなスパイスを-

【iPhone】Safariでデスクトップ用サイトを表示させたり元に戻したりする方法

投稿日:2018.3.16
アイキャッチ画像
この記事は約4分で読めます。

iPhoneのSafariでウェブサイトを見ると、
とても見やすいレイアウトで表示されてますでしょ。

あれって実はスマホ専用に最適化されたレイアウトデザインなんですね。

(専門的にはレスポンシブウェブデザインという画面最適化テクニックが使われてます)

でも場合によってはPC(パソコン)と同じ画面で見たい時もあったりします。

そんなときは”PC版のサイトを表示する機能”を使って、
iPhoneにPCと同じレイアウト画面を表示させちゃいましょう。

Safariでデスクトップ画面に切り替える

画面サイズの小さいiPhoneやスマホなどでウェブサイトを見た時、
今ではスマホ専用のレイアウトデザインで表示されることがほとんです。

それってとても見やすくてけっこうなことなんですが、
そのためにPC上では本来表示されてるはずの一部の情報が
iPhoneだと非表示にされてる場合があります。

またPC上では通常あるはずのサイドバーが、
iPhoneで見ると画面の最下段に追いやられていたりすることも
よくある話です。

しかしながら実は非表示になってる部分が一番見たい情報だったとか、
優先順位が低くなって画面最下部に押しやられたその部分に見たい情報があったなんてときは
PC画面と同じレイアウトで見たいものです。

そんなときは”デスクトップ用サイトを表示”機能を使って
PC版と同じレイアウト画面に切り替えちゃいましょう。

やり方はいくつかあります。

Safariの共有アイコンからデスクトップ画面に

デスクトップ画面に表示を切り替えたいページを開き、
共有アイコンをタップします。

キャプチャ画像

表示されるメニューの下の段にある「デスクトップ用サイトを表示」アイコンをタップします。

(画面に出てない場合は横スクロールすると出てきます)

キャプチャ画像

ハイ、PC画面と同じレイアウトで再表示されました。

キャプチャ画像

リロードアイコンでデスクトップ画面に

もう一つのやり方は、
リロードアイコンからデスクトップ画面に切り替える方法です。

実はこちらの方が簡単にできます。

リロードアイコン上で長押しすると
画面最下段からヌルっとダイレクトなメニューが出てきます。

あとは「デスクトップ用サイトを表示」をタップするだけ。

簡単すぎる。。。

キャプチャ画像

区切り画像

さて問題はここからです。

デスクトップ表示が必要なくなったあとはデスクトップ表示を解除して
再び元のモバイル表示に戻したいと思うでしょう。

でも大抵のサイトは元のモバイル表示への戻し方を載せてないんですね。

じゃあ、どうするのかというと、、、
実はちゃんとしたやり方がないみたいなんです。

(だから紹介してないのか)

といっても元への戻し方がないわけじゃないです。

というわけでデスクトップ表示の解除方法ですが、
どうやってもそのページ内ではモバイル表示に戻らないようなので、
新たにタブを開いてぺージを再表示させるという方法をとります。

(私がいくつか試した中ではこのやり方が一番簡単、、、だったような)

URLの上で2回ポンポンと軽くタップするとこちら↓の画面が表示されます。

ここでコピーをタップします。

キャプチャ画像

キャンセルをタップして元の画面に戻ったら
右端のタブアイコンをタップします。

キャプチャ画像

タブ画面になるので「+」アイコンをタップします。

キャプチャ画像

新しいタブでブックマーク画面が開くので
URL欄を2回タップしてメニューを表示させ、
「ペーストして開く」をタップします。

これで元のモバイル画面でページが再表示されます。

(タブが1枚増えるのが難点です)

キャプチャ画像

 

スポンサーリンク

Chromeでデスクトップ画面に切り替える

実はChromeならもっと簡単にデスクトップ画面への切り替えができます。

しかも元の画面に戻すのもあっという間。

Chromeでデスクトップ画面にしたいページを開いて、
右上の3点アイコンをタップします。

キャプチャ画像

出てきたメニュー内の「PC版サイトをリクエスト」をタップすれば
PCと同じ画面レイアウトで再表示されます。

キャプチャ画像

デスクトップ画面の解除も簡単です。

さきほどと同じように三点アイコンをタップして出てきたメニュー内から
「モバイルサイトをリクエスト」をタップするだけです。

キャプチャ画像

Safariに較べたらChromeの方が断然やりやすいですね。

(もちろん事前にchromeをインストールしておくことが必要です)

以上です。

※当記事は掲載日(更新日)時点の情報につき、最新のものとは異なる場合があります。

【iPhone8&iOS11.2.6にて検証済み】

記事はお役にたてましたか?

記事にご興味をもっていただけましたら
下のソーシャルボタンで共有していただけると嬉しいです^^

 ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓

アイキャッチ画像

スポンサーリンク

 

コメント(0件)

コメントをどうぞ

入力いただいたメールアドレスは公開されません。

内容に問題なければ、下記の「コメントを送信する」ボタンを押してください。

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

先頭へ