Why is Web Inspector showing me “no inspectable applications”?

Background

My company recently made a shift to app development. While developing and Q/Aing on Android was relatively painless, iOS, on the other hand is proving to be a pain.

  • Debug iOS 6+7 Mobile Safari using the Chrome DevTools
  • Why INSPECT ELEMENT or WEB INSPECTOR or developerExtrasEnabled (WkWebView) is not working in iOS While its working for OSX
  • Why Safari shows “No Inspectable Applications” during remote debugging with iOS 6 device?
  • Accessing iOS Safari Web Inspector from Windows Machine
  • The task involves looking at the page source of our app (which has a custom browser). I heard that Web Inspector is a great tool, so I went with it.

    Problem

    • First of all, Web Inspector has been able to detect the custom browser before.
    • But quite frequently, Web Inspector’s menu gives the “No Inspectable Applications” prompt.
    • This happens with the exact same version of the app that worked earlier.
    • There seems to be no trigger whatsoever; yesterday Web Inspector was working with the custom browser, and then after a few hours (during which I may have disconnected and reconnected the iPhone) it stopped working.

    I have not been able to figure out why despite breaking my head for a week.

    Observations

    I have an iPhone 4S running iOS 7.0.4. My Mac Mini has Safari 7.0.

    In the phone options

    • Web Inspector is turned on in the iPhone menu
    • All privacy modes are set to off – Do Not Track, Block Cookies, etc. (this question)
    • Javascript is turned on in the phone.

    In Safari on my Mac Mini
    – Develop menu is enabled (obviously)

    More observations

    • iOS Safari is detected by Web Inspector.

    So, how do I go about debugging this? What could be a possible cause and what could be the solution?

    7 Solutions Collect From Internet About “Why is Web Inspector showing me “no inspectable applications”?”

    I was having the same problem, it was cause I was running iOS 8,fixed by updating Safari to 7.1 .

    For me to make it work I needed to go into iPhone’s Settings -> Safari > Advanced and enable Web Inspector option. (iOS 9.1)

    An update for iOS 9 (using OSX El Capitan):

    On your mobile device under Settings -> Safari -> Fraudulent Website Warning = OFF [default = ON]

    I was having exactly same trouble. I managed to correct the situation by clearing the cookies and history from the mobile Safari menu. After this, it showed up in the Mac Develop menu.

    Hopefully this will correct your situation as well.

    this is probably an oversight where someone forgot to include the ios 8 version of Mobile Safari as an inspectable application. Get with it guys. I was able to connect my iPad to a MacMini we have with Yosemite Beta.

    So I have also discovered that the web inspector in Yosemite Beta doesn’t inspect well. I am able to Breakpoint in Javascript, but items are not inspectable in the inspection pane. The console does report correct information. Don’t be fooled as I was! To inspect the value of something in this web inspector you must access the values via the console, type in the variable and it will return the result it has correctly.

    As it happens, the solution that worked for me (reliably) was:

    • Build the app from source locally (in Xcode)
    • Deploy it to the iPhone, connected through USB

    For some reason, Web Inspector works reliably when the app is started this way. I am unable to figure out why, but it works. Comments welcome.

    Here’s a possibility, mostly because I just ran into this myself…

    Is your browser set for private browsing?

    If it is, turn that off! You can’t use the inspector while it’s on.