Flutter Dev Tools as Chrome Extension

[roman-petrov]

Use case

React has React Developer Tools Chrome extension. In my opinion it is very comfortable to have developer tools right inside in Chrome Developer tools: this allows to see what is happening on the page without switching context.

Proposal

As I know, Flutter Dev Tools is actually a Flutter Web application. Chrome extensions basically are web applications too. What do you think about packaging Flutter Dev Tools as Chrome extension? I suppose it might be helpful for Flutter Web development (and maybe for cross platform development too).

[yjbanov]

/cc @jacob314

[jacob314]

Fyi @grouma
Here is an external request for embedding Dart DevTools in Chrome DevTools.
To support this well we need a change to Chrome so that the sources page in Chrome DevTools stops grabbing focus away from the Dart DevTools tab when you debug an app.

[jacob314]

We do have a chrome extension for debugging Flutter Web apps but it is currently focused on enabling you to debug Flutter Web apps without launching chrome with special flags rather than embedding Dart DevTools directly in Chrome DevTools.

[yjbanov]

This is not something we can fix in Flutter Web itself, so removing the web label.

[grouma]

We are blocked on work from the Chrome team. Currently the debugger tab will steal focus from a custom extension tab while stepping and setting breakpoints.

[elliette]

Closing in favor of dart-lang/webdev#2482 which has details on what is needed to support this for the Dart Debug Extension.