Debug instantly on real iPhones & Safari browsers
Test websites on 3000+ real browsers & devices on the cloud. No emulators or simulators. Only the real deal.
Sign up and start debugging for FREE
Test websites on 3000+ real browsers & devices on the cloud. No emulators or simulators. Only the real deal.
Sign up and start debugging for FREE
Method 1 only allows you to debug when you actually have physical access to the iPhone in question i.e., to debug on an iPhone 13, you’ll have to have an iPhone 13 in your hands. Without an in-house device lab with 1000s of latest & older devices installed with real iOS versions, this method is ineffective for debugging. For comprehensive device coverage, refer to second method.
With iOS holding 26.47% of the global mobile OS market share, its popularity speaks for itself. Safari holds 18.43% of the global browser market share. Therefore, it is safe to assume that millions of users across the world expect to access websites and web apps via the Safari browsers on their iOS devices, most commonly iPhones.
Consequently, testers will have to test websites on iPhone-Safari combinations to ensure flawless functionality. This forms a crucial part of a project’s cross browser testing mandate.
This article will highlight two methods by which developers or QAs can debug websites and web apps on iPhone via the Safari browser.
Note: For developers or QA engineers seeking to debug errors on specific iOS devices (For example iPhone X, iPhone 11Pro) the second method will be more effective.
Debugging issues for mobile web pages can be difficult at times. However, starting from iOS 6, Apple provides a web-inspector which makes debugging web pages much easier on iPhones or iPads. Follow the steps below to use it:
To enable the Develop menu, follow the steps below:
Read More: How to Debug on iPhone Safari for Windows
BrowserStack solves the issues of Method 1 by offering testers and teams a real device cloud for manual and automated testing of websites and apps on real devices. 3000+ real browsers and devices on-demand, in fact. Sign up for free, and test on thousands of real devices and browsers anytime, from anywhere. You won’t have to purchase a device or install a browser or OS for testing ever again.
Teams can instantly choose from a range of Android or iOS devices installed with popular browsers like Chrome, Safari, Firefox, and much more. Team members also receive access to Devtools for debugging during live testing.
Follow the steps below to debug websites running on Safari browsers on iPhones.
Note: In this example, we will try debugging a site on a Safari browser running on. iPhone 13 Mini.
As developers and QAs get the flexibility to preview and inspect elements on any iPhone, debugging on them becomes effortless. They can also choose to switch between multiple device-browser combinations right from their test screen.
Test and Debug on Real iOS Devices
Also read: How to test mobile applications manually
UI bugs can range from being annoying to being majorly disruptive for user experience. Thorough testing on real devices is the most effective way to discover and deal with these bugs. Debugging on iPhones is mandatory for iOS app developers and testers so as to create apps that work perfectly in real user conditions. Instead of wondering how to debug iOS apps in Safari, just follow the steps in this article, and start releasing highly functioning web apps on iOS.
Enter any URL below to debug on all versions of Safari on all iPhone models using BrowserStack Live