search

flutter / devtools

Performance tools for Flutter
https://flutter.dev/docs/development/tools/devtools/
BSD 3-Clause "New" or "Revised" License
1.58k stars 326 forks source link

Flutter Dev Tools as Chrome Extension #2930

Closed roman-petrov closed 1 month ago

roman-petrov commented 3 years ago

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 commented 3 years ago

/cc @jacob314

jacob314 commented 3 years ago

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 commented 3 years ago

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 commented 3 years ago

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

grouma commented 3 years ago

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 commented 2 months ago

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