DEV Community

Jyotishman Saikia
Jyotishman Saikia

Posted on

How to debug iPhone safari on mac in 2 steps?

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

Top comments (3)

Collapse
 
jyotishman profile image
Jyotishman Saikia

I tried with safari . But somehow the newer version doesn't work . So this tool helps here.

Collapse
 
manavshah123 profile image
manav shah

Great