Inspect element support on flutter web apps

2
votes

I have been trying to integrate a web based product tour/on-boarding plugin which will help a new user to understand the application without any external intervention. I cam across this plugin : https://getuserflow.com/ which works well with html websites, I tried integrating this with flutter web app and it fails to detect any element as flutter doesnt support inspect using chrome for some reason.

Whenever I try to inspect a flutter web app it shows this: Inspect on flutter web app

It is almost impossible to inspect individual elements same as we can do on other web apps developed in angular or php.

Is there a way on flutter web to enable web inspect so that the plugin will be supported?

1
flutterdartflutter-layoutflutter-dependenciesflutter-web
does the devtools work? flutter.dev/docs/development/tools/devtools/inspector - ch271828n
Thanks for reply, Devtools is for internal inspecting, It wont solve the issue unfortunately. - crimson suv
No this is not possible in its current form in flutter for web. Because flutter converts your widgets into different forms of canvas and svg tags in them. It is difficult to precisely locate your respective element for a widget say a button, if thats what you are looking for. But I do believe there are such tools specifically designed for flutter. Should google it out a bit. - Abhilash Chandran
There are some as I found in fluttergems.dev here - Abhilash Chandran
Thank you guys for the suggestions and information - crimson suv

1 Answers

1
votes

Inspect element works with HTML and CSS files. And flutter converts your dart code to JS, that's why we can't do inspect element.

And I don't think it is possible as of version 2.