iPhoneで「デスクトップ用Webサイトを表示」できないときの対処法と､仕様について解説
iOSのSafariでPC版サイトに切り替えられる「デスクトップ用Webサイトを表示」という機能があります｡
しかしこれ､できるサイトとできないサイトがあります｡
例えばYahoo!は変わりますが
PayPayはPCサイトに変わりません｡
「なぜか？」というのを簡単に説明すると､サイト側のスマホ対応のやり方によって､できるかできないかが決まります｡
この記事では､PC版に変わらない場合でもPC版サイトを見る方法2選と､この機能の仕様について解説します！
![[商品価格に関しましては、リンクが作成された時点と現時点で情報が変更されている場合がございます。]](https://hbb.afl.rakuten.co.jp/hgb/51fb8d45.a8a8bb3f.51fb8d46.91878c00/?me_id=1351067&item_id=10000179&pc=https%3A%2F%2Fthumbnail.image.rakuten.co.jp%2F%400_mall%2Fniccou-store%2Fcabinet%2F12335494%2F12426802%2F2dgq-st2.jpg%3F_ex%3D240x240&s=240x240&t=picttext "[商品価格に関しましては、リンクが作成された時点と現時点で情報が変更されている場合がございます。]")
目次
PC版サイトを見る方法2選
Safariの「デスクトップ用Webサイトを表示」が効かないサイトでは次の2つの方法を使います｡
(簡単) 画面を横にして倍率を下げる
まず､画面を横にします｡
(これだけでPC版に変わる場合もあります｡)
赤枠のアイコンをタップします｡
小さい「あ」をタップし､倍率を下げていきます
すると､PC版に変わりました！
iOS17以前の場合はこちら
まず､画面を横にします｡
(これだけでPC版に変わる場合もあります｡)
次に「ああ」をタップします｡
小さい「あ」をタップし､倍率を下げていきます
サイトの設定によっては､この方法でもPC版に変わらない可能性があります｡
その場合は､次の方法をお試しください｡
![CIO NovaPort DUOⅡ 45W USB-C 2ポート PD 急速充電器 [世界最小級 NovaIntelligence NovaEngine搭載] ACアダプター Type-C iPhone 17 / Air / 16 / 15 Android Galaxy Macbook iPad向け ノートPC (ブラック)](https://m.media-amazon.com/images/I/715q70AWZAL._AC_SX425_.jpg)
CIO NovaPort DUOⅡ 45W USB-C 2ポート PD 急速充電器 [世界最小級 NovaIntelligence NovaEngine搭載] ACアダプター Type-C iPhone 17 / Air / 16 / 15 Android Galaxy Macbook iPad向け ノートPC (ブラック)
![CIO NovaPort DUOⅡ 65W USB-C 2ポート 充電器 [世界最小級 NovaIntelligence NovaEngine搭載] ACアダプター type-c 67W PD 急速充電器 ノートPC Macbook iPhone 17 / Air / 16 / 15 Android Galaxy iPad向け (ブラック)](https://m.media-amazon.com/images/I/71Zi4tqVRdL._AC_SX425_.jpg)
CIO NovaPort DUOⅡ 65W USB-C 2ポート 充電器 [世界最小級 NovaIntelligence NovaEngine搭載] ACアダプター type-c 67W PD 急速充電器 ノートPC Macbook iPhone 17 / Air / 16 / 15 Android Galaxy iPad向け (ブラック)
② Puffin Web Browser
Flashが使えるブラウザアプリを使用します｡
中高生の頃､これでアメーバピグをやって遊びました笑
このブラウザで「PC版サイトを見る」をオンにすると
ちゃんと変わります｡
以上「PC版サイトを見る方法2選」でした｡
TORRAS iPhone 17 Pro 用ケース 【カチカチ・多機能360度回転スタンド】リング Ostand O3 Fitness MagSafe対応 米軍MIL規格耐衝撃 スタンド 指紋防止 黄変防止 カメラコントロールボタン付き ストラップホール 半透明 撮影/動画視聴/日常の記録 手のひらサイズの映像革命 ブルー
【新型シリコーン・柔らかく快適な手触り】TORRAS iPhone 17 Pro Max 用 ケース シリコン製 360°回転スタンド MagSafe対応 指紋防止 米軍耐衝撃 柔らかい質感 風型立体ライン おしゃれ カメラコントロールボタンOstand Q3 Wind Flow 「かぜなみ」ブルー
PC版サイトに変わらない理由
冒頭で「サイト側のスマホ対応のやり方によって､できるかできないか決まる」と述べましたが
ウェブサイトのスマホ対応のやり方には､大きく分けて2種類あります｡
1つ目は､昔ながらのやり方でOSによって切り替える方法です｡
サイト側は､訪問者のデバイス情報(OS)を取得できるのですが､ユーザーがiOSまたはAndroidからアクセスしている場合､スマホ版を表示する というもの｡
Yahoo!はこの方法です｡
2つ目は､デバイスの画面幅によって切り替える方法です｡
「レスポンシブウェブサイト」と呼ばれ､タブレットでもPC版を表示できるなどのメリットがあります｡
PayPayはこの方法です｡
これを踏まえた上で
Safariの「デスクトップ用Webサイトを表示」はOSをMacだと偽装することによって､PC版サイトに切り替えようとしています｡
なので､PayPayのようなレスポンシブウェブサイトではこの機能は効かない､という訳｡
「デスクトップ用Webサイトを表示」の仕様 (開発者向け)
以上のように､この機能はUAの切り替えによってPC版に切り替えています｡
JavaScriptの「window.navigator.userAgent.toLowerCase()」でUAを取得すると
iPhoneではこうなり
mozilla/5.0 (iphone; cpu iphone os 16_2 like mac os x) applewebkit/605.1.15 (khtml, like gecko) version/16.2 mobile/15e148 safari/604.1「デスクトップ用Webサイトを表示」にした状態だと､こうなりました｡
mozilla/5.0 (macintosh; intel mac os x 10_15_7) applewebkit/605.1.15 (khtml, like gecko) version/16.2 safari/605.1.15「mac os x」と入っているので､これだとMacと判定されますね！
ここにあなたのUAを表示しています｡良ければ実機で確認どうぞ｡
your_ua
ここにあなたのviewportを表示しています｡良ければ実機で確認どうぞ｡
your_viewport
ここにあなたのブラウザ倍率を表示しています｡良ければ実機で確認どうぞ｡
your_scale
CIO NovaPort DUOⅡ 45W USB-C 2ポート PD 急速充電器 [世界最小級 NovaIntelligence NovaEngine搭載] ACアダプター Type-C iPhone 17 / Air / 16 / 15 Android Galaxy Macbook iPad向け ノートPC (ブラック)
CIO NovaPort DUOⅡ 65W USB-C 2ポート 充電器 [世界最小級 NovaIntelligence NovaEngine搭載] ACアダプター type-c 67W PD 急速充電器 ノートPC Macbook iPhone 17 / Air / 16 / 15 Android Galaxy iPad向け (ブラック)
コメント
-
#001
匿名さん
このページもアイフォンのchromeやとPCサイトにならないやんけ。
やっぱANDROIDのほうがええわ。 -
#002
オーナー
アイフォンのchromeだと､テキストの倍率しか変更できず､ページの倍率は変わらないので本記事の方法は使えませんね...
アイフォンなら現状､本記事のSafariかPuffinを使う方法もしくは他のブラウザを探してみるしかなさそうです｡
お役に立てましたら応援をお待ちしております！
頂いた応援は子育てに活用させていただきます｡
筆者のマイベビーリスト (Amazon)
OFUSEで応援を送る
または以下のボタンからなにか買って応援
(リンク先の商品を買わなくても大丈夫です｡)
Amazonでなにか買う
楽天市場でなにか買う
Yahoo!ショッピングでなにか買う
PR