Is it possible to debug HMTL applications and/or websites while running on an iPhone or iPad? I design, build and test web sites on my iMac. Noticed that pages are rendered differently on iOS hardware and in the simulated Safari/iOS user agent under macOS.
Yes, we’ve been able to remotely debug web pages on iOS devices for a while. iOS 10 and macOS Sierra Steps:
1. On the iOS device go to Settings -> Safari. Enable Web Inspector.
3. If not set, open Safari on your Mac. Find Preferences -> Advanced. Enable Show Develop menu in menu bar option.
4. Connect iPhone/iPad to your computer with a USB cable.
5. On the Mac open the Safari -> Develop menu. You must find the name of your device there. Select it. Click on the web page name you want to debug from the child menu. Web Inspector will pop up.