flutter-intellij icon indicating copy to clipboard operation
flutter-intellij copied to clipboard

Published 20 hours ago • verified publisher icon flutter

How to configure Android Studio to automatically open flutter devtools after running Flutter

Open GanZhiXiong opened this issue 1 year ago • 9 comments

I hope that after Run or Debug in Android Studio, the Flutter DevTools as shown below will be automatically opened in the browser.

image

GanZhiXiong avatar Nov 27 '23 08:11 GanZhiXiong

@helin24

kenzieschmoll avatar Nov 29 '23 17:11 kenzieschmoll

@GanZhiXiong you should be able to go to Settings > Flutter (under Languages & Frameworks) > Check off "Open Flutter Inspector view on app launch".

helin24 avatar Nov 30 '23 21:11 helin24

@GanZhiXiong you should be able to go to Settings > Flutter (under Languages & Frameworks) > Check off "Open Flutter Inspector view on app launch".

@helin24 I followed what you said. It can open the Flutter Inspector of Android Studio, but the information it can display is much less than that in the browser. There is no Performance, CPU Profiler, Memory, Debugger, Network, Logging...

image

GanZhiXiong avatar Dec 01 '23 02:12 GanZhiXiong

Ah I see, there's no option to open the full version of DevTools on app run from IntelliJ, and I don't think we'll be adding support for this. VS Code does embed all of the tabs, though I'm not sure if you could have them auto-open on run.

helin24 avatar Dec 01 '23 21:12 helin24

@helin24

VS Code does embed all of the tabs...

I think Android Studio needs to be consistent with VS Code. You have a simpler way, which is to add a configuration to automatically open Flutter DevTools in the browser. This should be very easy for you to implement.

GanZhiXiong avatar Dec 07 '23 06:12 GanZhiXiong

When using Android Studio, every time I need to use Network in Flutter DevTools to view request and response data, I need to perform the following three steps. This repetitive operation is too time-consuming for me.

  1. Copy debug service listening url from debug console

  2. Open Flutter DevTools image

  3. Paste the url into the open web page input box and click Connect image

GanZhiXiong avatar Dec 07 '23 06:12 GanZhiXiong

Not as fast as automatically opening, but if you click the DevTools icon, a web browser with DevTools is opened.

image

kismet- avatar Dec 07 '23 17:12 kismet-

@kismet- Thank you very much for your reply. I haven't noticed this button before. It can solve my problem, although it doesn't open automatically

GanZhiXiong avatar Dec 08 '23 02:12 GanZhiXiong

不像自动打开那么快，但如果单击 DevTools 图标，则会打开带有 DevTools 的 Web 浏览器。

图像

I think it is necessary to add a configuration whether to automatically Open Flutter DevTools when running for the first time.

GanZhiXiong avatar Apr 02 '24 01:04 GanZhiXiong