3
2

More than 3 years have passed since last update.

iOS(iPad/iPhone)Safariでのデスクトップ用ページの開き方と挙動の違い

Posted at

iOS Safariでデスクトップ用サイトを表示する方法と、挙動についてまとめました。

SafariからPC用ページを開く方法

SafariからPC用ページを開く方法は以下の2通りがあります。
 ① OSの設定 > Safari > デスクトップ用Webサイトを表示の項目をONにする
 ② SafariでWebページを開く > ヘッダーの「デスクトップ用Webサイトを表示」をTapする
 ※ スマホ用(モバイル用)を表示したいときは、↑の部分が「モバイル用Webサイトを表示」に変わっている

① OSの設定 > Safari > デスクトップ用Webサイトを表示の項目をONにする

Image from Gyazo

② SafariでWebページを開く > ヘッダーの「デスクトップ用Webサイトを表示」をTapする

Image from Gyazo

User Agentの情報の違い

デスクトップ用で開くときとスマホ用で開くときで、UAが変わっています。

・デスクトップ用(↑の①②)で開いたとき

Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_4)
AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.1.2
Safari/605.1.15

・モバイル用で開いたとき

Mozilla/5.0 (iPad; CPU OS 13_7 like Mac OS X) AppleWebKit/605.1.15
(KHTML, like Gecko) Version/13.1.2 Mobile/15E148 Safari/604.1

おまけ

たとえばデスクトップ用とスマホ用でURLを分けて管理しているサイトだと少し挙動が変わってくるみたいです。

①の方法(OS設定でデスクトップ用表示に設定してアクセスした場合
 ・PC用のサイトが表示される
 ・PC用の画面で評価を入力することができる

②の方法(モバイル用の状態でサイトにアクセスした後、デスクトップ用に切り替えた場合)
 ・モバイル用のページが表示され続けるかもしれない
 ・デスクトップ用にリダイレクトされるかもしれない
 ※ ②の方法はUAを変更してページを再読込しているっぽいので、該当ページの実装次第かと思います。

3
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
2