Mismatch in behavior for extension debugger and webkit debugger on restart/reload

[annagrin]

Extension debugger is clearing the scripts map on Page.frameStartedLoading event, and Webkit debugger is clearing the scripts on Debugger.globalObjectCleared. The former is fired during hot restart or page reload, and the latter is not.

Extension debugger

webdev/dwds/lib/src/servers/extension_debugger.dart

Line 266 in 17a84a2

'Page.frameStartedLoading',

Webkit debugger

https://github.com/google/webkit_inspection_protocol.dart/blob/da43164be2387157671c88be9d3acd26a1806b47/lib/src/debugger.dart#L162

This causes differences in behavior in flutter for web:

• Using debug extension with Web server device: breakpoints are not resolved correctly after a reload/restart
• Using webkit debugger with Chrome device: breakpoints are working normally.

See: flutter/flutter#101224 (comment)

[fhuonder]

Hi

Would be great when this is going to be fixed soon.
Due to our development environment with vscode/devcontainer (Windows 10 / Docker with WSL2 backend) we must use the web server device.

[longtimedeveloper]

@fhuonder do you have a link or docs on how to use the web server device? This mess is painful for us. Thank you, blessings, Karl

[fhuonder]

When you run flutter devices --show-web-server-device the web server device is shown. This is hidden by default.
Then you can run your application with flutter run -d web-server.

The IDE plugins normally support that, e.g. in vscode (when you run Select Device from the command palette) it looks like this:

Hope this helps...

[longtimedeveloper]

@fhuonder thank you SO MUCH!!!!!!!!!!! Blessings from Ukraine.

One day when this war is over, Lord willing I want to visit these two places in Switzerland.

International Museum of the Reformation, Rue du Cloître 4 CH-1204 Geneva Switzerland
https://www.musee-reforme.ch/en/

Patek Philippe Museum, Rue des Vieux-Grenadiers 7, 1205 Genève, Switzerland
https://www.patek.com/en/company/patek-philippe-museum