Inspect WebView on iOS native app - ios

I am able to remote inspect websites on my iPhone's safari by connecting the iPhone to my mac with a lightning cable.
But this does not work with webviews on a native iOS app. In safari (mac) Develop > My IPhone shows "No inspectable applications".
How do I remote inspect webview on native apps?

Related

Debug WKWebView on iOS app running on Mac (Designed for iPad)

It looks like when an iOS app runs on Mac (Designed for iPad) it doesn't use Safari as the renderer but uses Apple Mail instead 🤯
Not only this browser seems to be more limited than Safari, but it also can't be inspected using Safari>Develop.
Any idea how this webview can be debugged? Thanks!

Inspect WKWebview for app running on Mac Designed for iPad

I have been working on an app which run on iOS Device and Mac both. I'm using Mac Designed for iPad option. I want to inspect WKWebview from my app in safari. I am able to inspect WKWebview in iOS devices but not able to inspect the same using Mac device as my app is not getting listed under develop option in safari for Mac Designed For iPAD option.

How do I make web inspector work iOS 13.3.1 and Safari 13.0.5 or Safari Technology Preview 13.2?

I am connecting my iPhone 5 SE with an Apple OEM lighting-to-thunderbolt cable. I have the latest version of macOS (10.15.3) installed.
I have made sure that the Web Inspector setting in Settings > Safari > Advanced is turned on.
On both Safari and Safari Technology Preview I have enabled the Develop menu. My device does not show up in either.
I tried removing trusted devices from my iPhone by resetting my location and privacy in General > Reset. I then re-added my macOS system as a trusted device. This did not help either.
Any thoughts?
I am using OSX 10.15.3, (non-preview) Safari 13.0.5 and an iPhone 7 (A1660) running iOS 13.3. I plugged the phone into the Mac for the first time and trusted the computer. The Web Inspector and Remote Automation settings are available on the phone. Desktop Safari is able to find the phone in its Develop tab. It is possible to debug web pages or progressive web apps saved to the home screen, when one or both of Web Inspect and Remote Automation are enabled on the phone. Even if the debugger is not enabled, desktop Safari still knows the phone is there but shows No Inspectable Applications.
Try setting up WiFi sync for the phone, and connecting it with the cable.
I am using this tool- Safari Technology Preview to debug my iphone on mac.
Download link- https://developer.apple.com/safari/technology-preview/

Safari Web Inspector not working with iOS Simulator

I am using Safari v7.1 and iOS Simulator v7.1 running ios v7.
I have enabled all the options in Mobile Safari in the iOS simulator as well as in Safari browser on Mac (v10.9.5) as per this url: http://webdesign.tutsplus.com/articles/quick-tip-using-web-inspector-to-debug-mobile-safari--webdesign-8787
However when I run any hybrid app in Simulator or open a webpage in mobile Safari, I dont see the webpage in Safari Web inspector. The Mac Safari option "Develop -> iOS Simulator" shows "No Inspectable application" to debug.
The same works fine if I connect an actual iPhone.
Any pointers are welcome!
From a WWDC 2014 session 512 "web_inspector_and_modern_javascript", you have to create a .entitlements file with these keys. It's about at 22:48 min in the video.
Can't find in Apple's Safari Web Inspector Guide though. Just weird... :(

Is it possible to wirelessly debug an iphone webapp?

I currently have to have my iPhone physically connected by USB to run remote debugging in Safari. Is it possible to do it via bluetooth or some other wireless method?
You have to plug the phone to your computer, is not possible to do it remotely so far.
It is now possible to do wireless remote debugging using "Safari Technology Preview":
Remote debugging with mobile Safari also works without a cable connection to the desktop computer. But you have to install Safari Technology Preview on your Mac as the stable Safari version currently does not support wireless remote debugging. Just do the same setup as described above, but connect the cable and open Safari on your iOS device. In Safari Technology Preview, make sure you enabled “Show Develop menu in menu bar” and enable Develop → "Your mobile Device Name" → Connect via Network in the menu. Now you can unplug the cable and check whether Develop → "Your mobile Device Name" still shows up on the desktop Safari.
It is possible now - I put it here to tie the threads - see here
https://apple.stackexchange.com/a/333876/100894
Currently, it is not possible to debug directly on iPhone from a Mac wirelessly. You will need to connect the iPhone via USB cable to a mac and then use the Safari Preview Technology browser.

Resources