Explaining what to do when "Request Desktop Website" doesn't work on iPhone and its specifications

There is a feature in Safari on iOS that allows switching to the PC version of a site, called "Request Desktop Website".
However, there are sites where this works and sites where it doesn't.
For example, Yahoo! changes, but



PayPay does not switch to the PC site.



To briefly explain "why?", whether it works or not depends on how the site handles smartphone compatibility.
In this article, I will explain 2 ways to view the PC version of a site even when it doesn't switch automatically, and the specifications of this feature!
Table of Contents
2 ways to view the PC version of a site
For sites where Safari's "Request Desktop Website" doesn't work, use the following two methods.
(Easy) Rotate the screen and reduce the zoom level
First, rotate the screen horizontally.

(Sometimes this alone will switch to the PC version.)
Tap the icon in the red frame.

Tap the small "A" and reduce the zoom level

Then, it switched to the PC version!

For iOS 17 and earlier, click here
First, rotate the screen horizontally.

(Sometimes this alone will switch to the PC version.)
Next, tap "Aa".

Tap the small "A" and reduce the zoom level

Depending on the site's settings, this method might still not switch to the PC version.
In that case, please try the next method.
② Puffin Web Browser
Use a browser app that supports Flash.
When I was in middle and high school, I used this to play Ameba Pigg, lol.
If you turn on "View PC site" in this browser,

it changes correctly.

That concludes "2 ways to view the PC version of a site".
Reasons why the PC version of a site doesn't load
As mentioned at the beginning, "whether it works or not depends on how the site handles smartphone compatibility," but
There are broadly two types of methods for making websites smartphone-compatible.
The first is the traditional method of switching based on the OS.
The site can obtain the visitor's device information (OS), and if the user is accessing from iOS or Android, it displays the smartphone version.
Yahoo! uses this method.



The second method is to switch based on the device's screen width.
This is called a "responsive website" and has advantages such as being able to display the PC version even on tablets.
PayPay uses this method.



Based on this,
Safari's "Request Desktop Website" tries to switch to the PC version of a site by spoofing the OS as Mac.
That's why this feature doesn't work on responsive websites like PayPay.
Specifications of "Request Desktop Website" (for developers)
As explained above, this feature switches to the PC version by changing the User Agent (UA).
When you get the UA with JavaScript's "window.navigator.userAgent.toLowerCase()",
it looks like this on 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
When "Request Desktop Website" is enabled, it looks like this:
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
Since it contains "mac os x", it is identified as Mac!
Your UA is displayed here. Feel free to check it on a real device.
your_ua
Your viewport is displayed here. Feel free to check it on a real device.
your_viewport
Your browser zoom level is displayed here. Feel free to check it on a real device.
your_scale
Comments
-
#001
Anonymous
This page also doesn't become a PC site on iPhone Chrome.
Android is better after all. -
#002
Owner
On iPhone Chrome, only the text zoom level can be changed, and the page zoom level doesn't change, so the method in this article cannot be used...
For iPhone, currently, it seems the only options are to use Safari or Puffin as described in this article, or to look for other browsers.





If this was helpful, we appreciate your support!
All support received will be used for childcare.
Or support us by buying something from the buttons below
(You don't have to buy the linked product.)
Amazon
楽天市場
Yahoo!ショッピング
PR