Front-End & Daily

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

Explaining what to do when

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

Request Desktop Website

Request Desktop Website

Desktop website displayed

PayPay does not switch to the PC site.

Request Desktop Website

Request Desktop Website

Desktop website not displayed

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.

Rotate screen horizontally in Safari

(Sometimes this alone will switch to the PC version.)

Tap the icon in the red frame.

Tap the 'Aa' in Safari

Tap the small "A" and reduce the zoom level

Tap the small 'A' in Safari

Then, it switched to the PC version!

How to view the PC version of a responsive site in Safari

For iOS 17 and earlier, click here

First, rotate the screen horizontally.

Rotate screen horizontally in Safari

(Sometimes this alone will switch to the PC version.)

Next, tap "Aa".

Tap the 'Aa' in Safari

Tap the small "A" and reduce the zoom level

Tap the small 'A' in Safari

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.

Puffin Web Browser

Puffin Web Browser

CloudMosa, Inc.Freeposted withAppReach

If you turn on "View PC site" in this browser,

Puffin View PC site

it changes correctly.

Puffin View PC site

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.

Request Desktop Website

Request Desktop Website

Desktop website displayed

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.

Request Desktop Website

Request Desktop Website

Desktop website not displayed

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.

After reviewing the content, we will publish it, omitting personal information.

Enter your name and email address too

Enter if you would like a reply by email.

Personal information provided will not be disclosed. It will only be used for replies.

It will be sent directly. Please confirm and click "Send".

If this was helpful, we appreciate your support!
All support received will be used for childcare.

Send support with OFUSE


Or support us by buying something from the buttons below
(You don't have to buy the linked product.)

Amazon

楽天市場

Yahoo!ショッピング

PR

As an Amazon Associate, "Ken" earns income from qualifying purchases.

Share

Share on Twitter Share on Facebook Share on LINE Share on Hatena Bookmark