Debugging Flutter for Web

[Tom Verbeek]

I have added web support to my flutter app. I have a couple of questions regarding debugging:

I am using Visual Studio Code on macOS. There seem to be two different ways to run & debug a flutter web app:

• Set the device to Chrome and hit run and debug
  
• Set the device to Web Server and hit run and debug

Can someone enlighten me on the differences. I have problems with both methods:

When debugging with 'chrome' a new chrome application is started and the flutter app starts up correctly. Some features of my app do not work however and the app is very slow.

When debugging with 'Web Server' a new tab is opened on a previously started chrome. The app gets loaded but does not start. the debug console in Visual Studio Code shows:

Launching lib/main.dart on Web Server in debug mode...
Waiting for connection from Dart debug extension at http://localhost:55601

But regardless how long I wait, nothing happens. The Chrome Window does not show any errors, all the scripts have been loaded, but the browser window is blank.

Thanks,

Tom.