Safari — Enable Web Inspector for debugging
Mar 2, 2021
In order to debug your web apps from iOS device follow the steps:
Connect your device with your mac and make sure to tap on Trust when prompted.
Turn on the web inspector
On your iOS device goto Settings → Scroll down to Safari
On the bottom Goto Advanced → Turn on the Web Inspector
Enable developer menu
Open up Safari browser on your mac and goto its preferences (⌘ ,).
Goto Advanced tab and enable the option Show Develop menu in menu bar.
Now visit your site from the Safari browser from your iOS device. Now open the Develop menu of the Safari from your mac. At this point you should be able to see your device in the menu. From the presented menu when you hover on your device you will see the site opened from your iOS device.
