Get Dart Devtools to open in Chrome

Question

Currently, Dart Devtools opens as a tab in VSCode. I want it to go back to opening in Chrome as it did in previous versions of Flutter.

Twelve · Accepted Answer · 2020-10-10T13:57:29.970

8

Update VSCode to the newest Version.

VSCode Update

Update Flutter

flutter Update

Now run your Project and then click [ctrl] + [alt] + [d] for running dart devtools. VSCode is asking you where you wish to open DevTools.

edited Oct 10 '20 at 13:57

answered Oct 10 '20 at 13:52

Twelve

236
1
5

1

Thanks! I also found that clicking on the `Dart DevTools` option on the status bar also gives you the same options – Aditya Nigam Oct 11 '20 at 11:53

score 5 · Answer 2 · answered Oct 10 '21 at 04:06

5

Do not bother about it mate, just add this line on settings.json

 "dart.embedDevTools": false

Then you will get again DevTools on Chrome. Just shortcode: Ctrl + Alt + D.

That's it.

answered Oct 10 '21 at 04:06

Alexnorie.ga

51
1
5

not working for me – kokemomuke May 03 '22 at 03:50
Double check your json's structure from settings.json file because installing several extensions may damage the structure itself and vsCode just warn you and sadly do not fix it for you. – Alexnorie.ga May 08 '22 at 17:35

Rongix · Answer 3 · 2022-08-18T09:15:34.033

2

In your terminal, run:

dart devtools

It will open Flutter Devtools page in your default browser. When you start an application is should print an id starting and ending with ws. This id will be used to connect devtools to the app

edited Aug 18 '22 at 09:15

answered Aug 18 '22 at 09:14

Rongix

21
2

score 2 · Answer 4 · answered Jan 18 '23 at 10:01

2

"dart.embedDevTools": false

is not relevant anymore, instead you should use:

"dart.devToolsLocation": "external"

answered Jan 18 '23 at 10:01

Rmk930

21
1

Get Dart Devtools to open in Chrome

4 Answers4