How Windows users can debug on iPhone Safari?

Jash Unadkat
2 min readAug 28, 2020

--

To debug and optimize websites for iOS, sites need to be tested on a wide range of iOS device-browser combinations. This could be challenging, particularly for teams operating on the Windows OS as the latest versions of Safari are not available for Windows.

This article explains a simple method for debugging iPhone Safari on Windows using BrowserStack’s real device cloud.

Debugging iPhone Safari on Windows using BrowserStack Live

BrowserStack makes iPhone Safari debugging simple, irrespective of the operating system being used. Windows users (on Windows XP, 7,8,10) can test and debug on the desired iPhone — Safari combination directly from their web browser (Firefox, Chrome, Safari, etc). One simply needs to create a free account on BrowserStack to debug iPhone safari on windows.

Listed below are the steps to get started with iPhone safari debugging on Windows:

  1. Sign-up for a free trial on BrowserStack Live.
  2. Once the account is created, navigate to the Live Dashboard.
  3. From the available operating systems, choose iOS
  4. Hover over the desired handset. (Let’s take iPhone 11 Pro for this example)
  5. From the two options available — Chrome and Safari icon. Click on the Safari logo.
  • Clicking on the Safari icon will initiate a new Safari session on a real iPhone 11 Pro. Now, the user can navigate to the desired website that needs to be debugged.
  • For debugging a specific web-element, a developer or QA engineer may need access to browser-specific DevTools. For convenient testing, BrowserStack offers users upfront access to Safari DevTools on all iOS devices. This is similar to the Web Inspector feature used by developers on Mac-Safari.
  • Developers or QAs can instantly access Safari DevTools from the floating toolbar available next to the iPhone. Refer to the images below.

The images above represent how BrowserStack’s real device cloud makes debugging effortless on any iPhone-Safari combination.

Also read Remote Safari debugging.

DevTools on this platform enables a user to remotely inspect the HTML, CSS, and JavaScript components for a particular web-element. Additionally, as teams get access to the latest and legacy versions of iPhones, debugging any issues for a specific iOS device becomes much easier for them.

--

--

Jash Unadkat
Jash Unadkat

Written by Jash Unadkat

As a tech geek, I love writing articles about everything related to web development or software testing space.

No responses yet