How to debug web apps outside the browser – Info Web Dev
Press F12 in most web browsers and you'll see a set of debugging tools that give you a deep insight into how your code is operating. It's a powerful set of tools, and one that's one of the more important developer-focused features in Microsoft's Edge browser.
But the web is changing, and modern application development techniques are changing with it. You're now building apps that rely on web technologies but that aren't part of the web. Tools like React Native Windows, Electron, the WebView controls in Universal Windows Platform (UWP) apps, and progressive web apps (PWA)s are now part and parcel of your daily development workflow, so you need tools like the F12 mix of debuggers, profilers, and explorers to test your new code.
Debugging the web without the browser
If you can remote-control your browsers for testing, why not separate those familiar F12 debugging tools from the browser and use them from your development PCs? That's what Microsoft's Edge team has done, with the Windows Store release of its Edge Dev Tools.
Article Prepared by Ollala Corp