iOS 14.5 + Safari (normal or TP) - Web Inspector ONLY shows Console, Sources and Audit, no Elements, Network, etc.

Yeah as the title says. I just updated to Big Sur 11.4 and I'm developing an Ionic-based app that used to be able to be debugged using Safari's Web Inspector.

Now it doesn't work at all, I'm not even getting console messages, it's like a dummy window or something that's not attached to the iOS device (even though it's spawned from the Develop -> Simulator -> localhost entry.

It only shows Console, Sources and Audit, which sucks.

Any ideas? I have a deadline real soon and this crap not working isn't good for nothing. Thanks Apple.
Up vote post of darkguy2008 Down vote post of darkguy2008
8.5k views
Posted by
darkguy2008
Reply

  • Same here. Is there a better place to report this issue?

    —
    palexis
Add a Comment

Replies

Thank you, guys. Works fine for me on real device with iOS 14.6 and Safari Technology Preview Release 125 (Safari 14.2, WebKit 16612.1.15.1.12)

Posted by
kentoforik
Up vote reply of kentoforik Down vote reply of kentoforik

  • This is also working for me, using the latest Safari technology preview: Release 125 (Safari 14.2, WebKit 16612.1.15.1.12)

    —
    Snorkeler
Add a Comment

Although it seemed to work for a moment, connecting to the Cordova app with the web inspector now results in an immediately crash of the application. Anyone else with the same experience? any workarounds?

Posted by
Vozzzzzzzzz
Post not yet marked as solved Up vote reply of Vozzzzzzzzz Down vote reply of Vozzzzzzzzz

  • n.b. connecting to the simulator also causing the app the crash

    —
    Vozzzzzzzzz

  • I experience crashes on the simulator only on old projects with UIWebView, works fine on my latest projects with WKWebView

    —
    gualtiero

  • I have this problem on previous version. For me, the workaround was:

    inspect another page (any desktop page, or clicking on Develop - Show page resources)Then, click on settings (the wheel), and on Sources Tab, disable Debugging, Source Maps, and on Console Tab uncheck AutoExpand

    I am not sure why, but solved...

    —
    felipe.valle
Add a Comment

until they get their act together: use chrome & their web inspector. (toggle device toolbar, on left of toolbar) it simulates touch gestures that you can debug in console. it's not quite the same, but better than nothing.

Posted by
dvanderheijden
Up vote reply of dvanderheijden Down vote reply of dvanderheijden
Add a Comment

It is still not working for me on Safari Technology Preview (Release 125 (Safari 14.2, WebKit 16612.1.15.1.12)) with Safari on Simulator (Version 12.5 (961.1))! I do see the tabs (Elements, Console, Network) but they don't do anything.

Edit: after I quit and restarted Simulator, everything finally worked as it should.

Posted by
rijk
Up vote reply of rijk Down vote reply of rijk
Add a Comment

Had to download and install Safari Tech Preview.. Thanks Apple for fixing the issue in you preview but not in the actual Safari Browser

https://developer.apple.com/safari/download/

Posted by
ciscolopez20
Up vote reply of ciscolopez20 Down vote reply of ciscolopez20
Add a Comment

Same issue

Posted by
leonardo.rojas
Up vote reply of leonardo.rojas Down vote reply of leonardo.rojas
Add a Comment

So... no fix for those of us still on Catalina?

Posted by
Gonif
Up vote reply of Gonif Down vote reply of Gonif
Add a Comment

Same issue for me on Catalina 10.15.7 and iOS 14.6

Posted by
ianleake
Up vote reply of ianleake Down vote reply of ianleake
Add a Comment

Same issue here. iOS 14.6, macOs 11.4 big , safari 14.1.1 , safari Technology Preview 125-127

Posted by
sesame123
Up vote reply of sesame123 Down vote reply of sesame123
Add a Comment

I downloaded the beta of Safari 15.0 and now I have the panels back.

I'm on OS 10.15 Catalina and I had Safari 14.1.

Here: https://developer.apple.com/safari/download/

Posted by
maxoriola
Up vote reply of maxoriola Down vote reply of maxoriola
Add a Comment