Safari web inspector stop working after mac update

Question

After 24 May (yesterday) mac update for Big Sur (11.4), the web inspector only shows Console, Sources, and Audit tab. The Console tab doesn’t show any from the app, it’s always empty. Source Tab doesn’t show the app code anymore. Tried to clean up Safari Cache, also have tried Safari Technology Preview, and none of this worked, still the same annoying thing. Anyone here has experienced something like it?

Safari Version 14.1.1 (16611.2.7.1.4)

Safari Technology Preview Version Release 124 (Safari 14.2, WebKit 16612.1.11.10)

Env:

Ionic:

   Ionic CLI                     : 5.4.16
   Ionic Framework               : @ionic/angular 4.11.13
   @angular-devkit/build-angular : 0.803.29
   @angular-devkit/schematics    : 8.1.3
   @angular/cli                  : 8.1.3
   @ionic/angular-toolkit        : 2.0.0

Cordova:

   Cordova CLI       : 9.0.0 ([email protected])
   Cordova Platforms : ios 5.1.1
   Cordova Plugins   : cordova-plugin-ionic-keyboard 2.2.0, cordova-plugin-ionic-webview 4.2.1, (and 21 other plugins)

Utility:

   cordova-res (update available: 0.15.3) : 0.14.0
   native-run (update available: 1.3.0)   : 1.0.0

System:

   Android SDK Tools : 26.1.1 
   ios-sim           : 8.0.2
   NodeJS            : v10.16.3
   npm               : 6.9.0
   OS                : macOS Big Sur
   Xcode             : Xcode 12.5 Build version 12E262

Answer 1

I was having the same issue after updating to the latest Safari the other day, which drove me insane today. Fortunately, after struggling for hours, I found a temporary way that might also solve your problem, which is to download an older version Safari Technology Preview from: https://www.macupdate.com/app/mac/56677/safari-technology-preview, which works properly for me now :)

Also I have reported this issue on Feedback Assistant, hope they get it fixed ASAP.