Home Guide How to request a desktop site on the iPhone
How to request a desktop site on the iPhone
By Jash Unadkat, Technical Content Writer at BrowserStack -
Table of Contents
Why view the desktop version of a website on a mobile browser?
Both Safari and Chrome are well optimized for accessing the web on mobile devices. However, a few websites still exist that do not provide an optimal surfing experience on mobile devices. As a result, the user might not be able to access critical functionalities of that web page on a mobile browser.
In such a case, users need to switch to the desktop version of a website from their mobile browsers. Doing this enables them to view the entire web page at once.
Note: Safari is the second most preferred browser in the world after Chrome. Naturally, anyone catering to iPhone users has to optimize their web applications for both mobile and desktop versions of Safari.
Post demonstration, this article also explains how teams can test their websites instantly on Safari directly from their browsers on real desktop and mobile devices.
Which is the most popular browser in the world?
Firefox
Chrome
Now lets get started with the demonstration.
Try Testing on iPhone Devices for Free
How to request a desktop site on the iPhone
Listed below are the steps one can follow to view the desktop version of a website in Safari running on iPhone [iOS 13]
- Open the Safari browser and navigate to any website.
- Once the website loads, click the aA icon available in the top corner positioned before the address bar. It opens the website view menu.
- From the available options, choose the Request Desktop Website option.
In case, one wants access to the latest iPhones for testing,
Try Testing on iPhone Devices for Free
Read More: How to Debug on iPhone Safari for Windows
Individuals who are using iOS 12 and earlier versions, follow these two steps:
Step1: Open the Safari browser window and navigate to the desired website. Once the website loads, tap and hold on the Refresh button next to the address bar.
Step 2: A pop-up appears at the bottom of the screen, choose Request Desktop Site from the two options.
Following the steps above will help in viewing the desktop version of any website.
Now, lets understand how teams can ensure that their website is optimized for both mobile and desktop versions of Safari.
There are two easy methods:
Method 1: Manually downloading latest and legacy browser versions of Safari
Developers and QAs can download the latest and older versions of Safari manually on their devices and test websites on it. However, this process is extremely time-consuming and effort-intensive. Downloading and installing individual browser versions is an inefficient task.
Besides, testing different versions of Safari on real iOS devices means requires teams to have on-premise device labs. Having such labs incurs huge investments, both financially and in terms of human effort. Maintaining and updating it on a regular basis comprises an additional overhead.
Read more: Why are Cloud Device Farms need of the hour for every firm?
Method 2: Using BrowserStack to test websites on real devices
For comprehensive cross browser testing across a variety of browser versions and devices, teams need the ideal test infrastructure. BrowserStack exactly does that by providing teams cloud-based access to 2000+ real devices and browsers. BrowserStacks real device cloud provides the following:
- Real Android and iOS devices [latest and legacy handsets]
- Windows and macOS environments running on real machines
- Popular browsers like Chrome, Safari, Firefox, Opera and others
What is the best way to request a desktop site on multiple iPhone models?
Buy/borrow the iPhones you need
Use a cloud testing platform with real devices
Use simulators
QAs or developers just need to choose the desired environment [macOS or iOS], followed by the device type and browser versions. Then, they start testing.
Start Testing on all Browser Versions for Free
BrowserStack enables effortless testing on both mobile and desktop versions of Safari. This is because teams can select the desired test environment with a few clicks. The image below represents the real iOS devices and macOS environments provided by BrowserStack for testing.
Now, lets have a look at a sample Safari session running on iPhone 11 Pro.BrowserStack also provides the following vital features:
- Geolocation testing to evaluate the geography-based behavior of the website.
- Integrations with popular bug reporting tools like Jira, Trello, and Slack.
- Instant access for developers and QAs to Safari DevTools.
- Testing of haptic features like pinch to zoom in or zoom out or device rotation.
Thus, one can easily view desktop versions of websites on iPhones. One can also conclude how platforms like BrowserStack can make the process easier, faster and foolproof.
Learn More: Manual testing
Learn More: Inspect element on Iphone
Was this post useful?
Yes, Thanks Not Really
We're sorry to hear that. Please share your feedback so we can do better
Thanks a lot for your feedback!
Tags
Cross browser testing Emulator and Simulator Manual Testing ResponsiveRelated Articles
How to inspect an element on iPhone
Learn two intuitive methods that helps in inspecting web elements on the iPhone. Don't miss out on t...
Learn More
3 Easy Ways to Make Cross Browser Compatible Websites
This guidepost explains three methods that developers or QAs can use to make their websites compatib...
Learn More
How to Test Push Notification on Real Android Devices
A step by step guide to test push notifications on real Android devices using BrowserStack's infrast...
Learn More
Featured Articles
How to inspect an element on iPhone
3 Easy Ways to Make Cross Browser Compatible Websites
How to Test Push Notification on Real Android Devices
Cross browser testing Emulator and Simulator Manual Testing Responsive
Get your website tested in seconds