Safari: no Inspectable applications - ios

I have a phoneGap application that I'm developing. I have been running it on an iPad in iOS7. I can use the safari web inspector no problem. But I tried inspecting it on another iPad and saw "no inspectable applications". In Settings > Safari, the web inspector is on. Why won't it work?

To inspect an app with Safari's web inspector, the device needs to have a development provisioning profile for that app installed.

Related

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/

How to debug Worklight iOS app or phonegap iOS app

I have read these article
http://moduscreate.com/enable-remote-web-inspector-in-ios-6/
http://developer.telerik.com/featured/a-concise-guide-to-remote-debugging-on-ios-android-and-windows-phone/
but i cant to able to see my app under
Develop-->Device name-->myApp.
But i could able to debug blank safari browser.Could anyone suggest how to debug the iOS app in chrome or safari? Whether i have to change any app setting like in android android-debuggable:true?
Worklight is not based on Telerik, so following their tutorials is kinda moot.
If you have an application running in a device and you would like to debug is using the Inspector tool that Apple's Safari browser provides, follow these steps:
Make sure that the application you've installed on the device was built to the device from Xcode, and is not from a production build (i.e. the App Store) - otherwise it will not be available in the Safari Inspector. Also that it is connected via USB to the Mac...
Make sure you have enable the Inspector tool. In Safari > Preferences > Advanced > tick the checkbox for "Show Develop menu in menu bar"
Now that 1 & 2 have been verified, go to Safari > Develop > your-device > your-app

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... :(

Disable safari web-inspector

We are developing an iOS application as webapp. During development the possibility to remote debug the webapp in the UIWebView via safari web inspector is quite handy. But I'm wondering if there is any possibility to forbid this feature for the release version of our app even if the webinspector is activated in the iOS settings. Thanks in advance.
Found a related question:
Why Safari shows "No Inspectable Applications" during remote debugging with iOS 6 device?
Since we did not deploy for production yet but only for testing, our app was always inspectable.

Phonegap iOS Safari debug workflow

I've been testing out Phonegap Build, using a similar workflow as outlined here:
Tutorial: Developing a PhoneGap Application
I can build, and deploy to my devices, but cannot get remote debugging to work through Safari, as described in the answer here:
Could you tell be debug process in Phonegap iOS application?
I have no problems debugging the app through the mobile browser, but the installed app itself does not show up in Safari's develop menu.
I am transferring my app to my phone through xCode, and have enabled debugging in the Phonegap build interface, but the Weinre debug service seems to be down. Ideally I'd like to get this working through Safari, could anyone share their debug workflow?
thanks
When you say "native app", you actually mean the Phonegap app deployed to your device?
Here is how I do it. It works on both iOS Simulator and actual device:
Open Settings > Safari > Advanced and make sure "Web Inspector" is enabled
Connect the device and deploy the Phonegap app using Xcode
Wait for the app to launch and navigate to Safari on my desktop, then find my device name in the develop menu
Make sure Web Inspector is enabled in Settings > Safari > Advanced > WebInspector.

Resources