web inspector disconnecting

Safari 11.0.1/MacOS 10.13.1 is unable to maintain a web inspector connection with a web page on Safari iOS - iPhone 6, iOS 11.1.1. Almost immediate after the Web Inspector window opens, the connection is dropped and the window is basically dead.

  • After months of using Web Inspector to assist in building my web site, it suddenly stopped working. Not even the mouse would work in the WI panel.

    macOS Big Sur, version 11.5.2 Safari, Version 14.1.2

    2021/9/21

Add a Comment

Replies

I just found a solution:
Open the console application and select your debug device from the device list. Leave that open. Then the web inspector also stays open. I also had to turn on “Connect to device via network”.
"Develop" -> "Empty Caches" fixed it for me.
Man, I tried everything, from closing all tabs to using wireless connection. Nothing worked.

Resetting the trusted devices helped:
https://support.apple.com/en-us/HT202778#change

Solution taken from https://developer.apple.com/forums/thread/87181?answerId=296307022#296307022

I can now debug my iPad mini 2 with iOS 12.5.1 again from my MacBook Pro 2020 M1 with macOS Big Sur 11.2.2.

Hope that helps others.
  • Worked for me. MacBook Pro (13-inch, 2020) macOS 11.6, Safari 15.4, WebKit 16613.1.7.3 <- iPhone 12 mini iOS 15.1, Safari 15.1

Add a Comment

I'm also developing an app in Ionic and I get the same result. Safari inspector crashes the moment I open it. The solution is to add --source-map=false when making the build. Good luck!

I am having the same issue. macOS 11.6, iOS 14.7.1

Unchecking "Automatically Show Web Inspector for JSContexts" fixed the issue for me.

Quit and restart iOS Safari.

Just enable Flashlight on your iphone and don't disable it. After you do it the power will be constantly supplied over usb to your iPhone and you will be able to connect to it through the Safari developer tools