Facing "Devtools was disconnected from the page. Once page is reloaded, Devtools will automatically reconnect."

Question

I'm working on React-native js and Xcode 9.3 for iOS app development, but in between I get this error:

while debugging and becomes a road blocker for me to proceed in the debugging. Also referred few articles from here but didn't get anything for help.

I read this link but it didn't work.

Answer 1

I had the same issue in my Angular App. I checked here Stack Overflow answer but it didn't help me. For me the thing was that I had a huge select multiple with a bunch of items. It was the reason that Chrome was throwing me that error since Chrome crash becouse of memory usage.. I read this article Crashing browsers with Angular2 DebugElement and it helped me with to found it out.

I hope this can help!

Answer 2

Install https://www.google.com/chrome/canary/ and run Visual Studio, on the debug-Run [Play] button open dropdown cl'ck on Browse and select new installed google chrome canary browser (C:\Users\username\AppData\Local\Google\Chrome SxS\Application\chrome.exe) as default debugger.

This worked for me.

Answer 3

I'm having a similar issue today.

Try reloading and snapshotting the page in incognito mode. For me, some of my extensions were interfering with the snapshots, and loading the page w/out them helped.