调试在iOS Safari上添加到主屏幕的Web应用程序

Question

I'm trying to debug a web app that is added to home screen. I have enabled web inspector on safari. I am able to debug the app if I open in iOS safari but when I add the app to home screen and try to debug, it shows 'No Inspectable Applications'. Any help would be appreciated.

iOS version: 11.2

MacOS Safari version: 11.0.1

Answer 1

You should put focus on the app first and then press:

Option+Command+i

So you do not open the inspector in advance in this case. This is not possible because you can consider it like opening a new browser tab where it makes no sense to inspect it from the inspector in another tab that is already open. Since the menu to open the inspector is missing when the PWA is opened as a desktop app, you need the keyboard shortcut to show it.

Answer 2

Not sure if it's related, I had an issue where I couldn't get the inspector window to open for a cordova web app on iOS 11.2

I found that I had to go back to (ios) settings and toggle Safari Web Inspector off and on while looking at the (osx safari) developer menu to see it and then inspect it.