Page tree
Skip to end of metadata
Go to start of metadata

When an iOS device is connected via Remote Debugging, your machine will treat it as if it is connected locally via USB.

This allows Safari to see the device as locally connected which is why it then enables you to debug your mobile site.

When debugging mobile sites using Safari on Mac, Safari must be closed before the Remote Debugging session is initiated. Since it is not possible to keep a remote debugging session active when the browser is closed :

1. You should use Chrome to open the device and initiate the Remote Debugging session

2. And only then open Safari - and the developer tools.

Setting Up

Connecting to Device and Opening Site

Open Safari on your Mac

At the top menu bar click on "Develop" → choose the device → click on the site that you opened in the previous step.

Inspecting and Debugging

Once you click on the site that you previously navigated to, a window will popup showing the DOM structure and CSS.

Hover over the DOM to determine the location of elements in the site and change the CSS to see how the site reacts to changes.

  • No labels