检查 Flutter Web 应用程序的元素支持

Posted 2023-02-23

【中文标题】检查 Flutter Web 应用程序的元素支持

【英文标题】：Inspect element support on flutter web apps

【发布时间】：2021-03-20 20:35:21

【问题描述】：

我一直在尝试集成一个基于网络的产品导览/入职插件，这将帮助新用户在没有任何外部干预的情况下理解应用程序。我遇到了这个插件： https://getuserflow.com/ 适用于 html 网站，我尝试将其与 Flutter Web 应用程序集成，但由于某种原因 Flutter 不支持使用 chrome 进行检查，因此无法检测到任何元素。

每当我尝试检查一个颤振的网络应用程序时，它都会显示：

几乎不可能像在其他用 Angular 或 php 开发的 Web 应用程序上那样检查单个元素。

flutter web 上有没有办法启用 web inspect 以支持插件？

【问题讨论】：

开发工具有用吗？ flutter.dev/docs/development/tools/devtools/inspector

感谢您的回复，Devtools是用于内部检查的，不幸的是它无法解决问题。

不，这在 Flutter for web 中以当前形式是不可能的。因为flutter会将你的widget转换成不同形式的canvas和svg标签。很难为小部件（例如按钮）精确定位您各自的元素，如果那是您正在寻找的东西。但我确实相信有专门为颤振设计的工具。应该谷歌一下。

有一些我在fluttergems.dev here

谢谢大家的建议和信息

【参考方案1】：

检查元素适用于 HTML 和 CSS 文件。而且 Flutter 会将你的 dart 代码转换为 JS，这就是我们不能检查元素的原因。

我认为从第 2 版开始是不可能的。