Debugging Javascript in Webviews

Following this Stack Overflow answer do the following to debug JavaScript in your UWP web views.

  • Insert the debugger; keyword in your JavaScript code.
  • Launch the app without debugging, using CTRL+F5 (Visual Studio cannot launch two debuggers at once, so if you are already debugging the C# code you are out of luck.)
  • Execute the application until you need to debug JavaScript code.
  • In Visual Studio, select “Debug / Attach to Process…” and select the application (in this case, flypad-windows.exe) and select “Script code” in the “Attach to” section of the dialog.
  • You can re-attach to the process later on using the “Debug / Reattach to Process” menu entry, which will reuse the previous settings.