How to debug iPhone safari on mac in 2 steps?

Jyotishman Saikia - Sep 13 '21 - - Dev Community

Debug HTML, CSS and Javascript issues for the website open on iPhone safari directly from your mac in just 2 steps.

Step1: Activate the Web inspector in your iPhone.

On your iPhone go to Settings > Safari > Advanced and toggle on Web Inspector .

iphone web inspector tutorial

Step2: Download Safari Technology Preview Browser

Goto this Link and download this super useful browser which will help in debugging the iOS safari on mac

Once downloaded-

  1. Open the Safari Technology Preview
  2. Goto Develop -> Select your iphone -> click on the iphone safari tab

Image 1
safari technology preview

Image 2

safari technology preview

. . . . . . . . . . . . . . . . . . . . .