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

layout explorer unavailable in chrome #2554

Closed benedicte69 closed 2 months ago

benedicte69 commented 3 years ago

The layout explorer is not available while debugging in Chrome.

helin24 commented 3 years ago

@kenzieschmoll what's expected for this situation?

kenzieschmoll commented 3 years ago

@benedicte69 can you give some more information? What kind of device are you running your app on? What version of DevTools are you using?

I am running a flutter app on an iOS simulator and using the latest DevTools on Chrome, and I can use the layout explorer as expected. The layout explorer is only available for Flex widgets (Column, Row, etc.) and their children. Have you selected a flex widget?

benedicte69 commented 3 years ago

@kenzie @helin

I am speaking about flutter run-d chrome, when you launch your app in the browser the result is the following:

CHROME IN ITSELF _ chrome_tool

You can not inspect element through the Chrome tool, apparently, there is no fit-semantic but only a fit-glass-pane. So either some map js are missing or .... or ... or .. is it deliberately that way? Since the beginning of Flutter, I never managed to use this inspector with a flutter app.

CHROME AND DART DEVTOOLS dart_tool

As you can see in the Dart DevTools there is the Details Tree but there is not the layout explorer!

Those screenshots have been taken in last channel master with last Devtools activated (9.5)

NB: if running the same app in the emulator or the desktop, I have the layout explorer and so the column layout details

So the question is, how to make the DartDevTool really cross-platform? Are you aiming to make the layout explorer or semantics available in browsers?

kenzieschmoll commented 3 years ago

What version of flutter are you on?

benedicte69 commented 3 years ago

Depends on which channel I am in.

Envoyé depuis Yahoo Mail pour Android

Le mar., déc. 15, 2020 à 20:11, Kenzie Schmollnotifications@github.com a écrit :

What version of flutter are you on?

— You are receiving this because you were mentioned.

Reply to this email directly, view it on GitHub, or unsubscribe.

kenzieschmoll commented 3 years ago

What version of flutter were you running your app with when you encountered this issue?

benedicte69 commented 3 years ago

I was in Master Channel

benedicte69 commented 3 years ago

I have recently seen that: https://groups.google.com/g/flutter-announce/c/nuz1cjsEMzU/m/m9CZr6evBgAJ May be it will change something. I can not test anything for the moment, my PC having a big, very big refreshing. This means it will be like a brand new one :) but it will imply lots of resentings Anyway thanks a lot for helping and for taking in consideration this layout problem which I am not the only one to suffer from.

elliette commented 2 months ago

The layout explorer is now available for Flutter web, therefore closing as obsolete.