使用brave浏览器调试flutter web app

Posted 2023-02-23

【中文标题】使用brave浏览器调试flutter web app

【英文标题】：Using brave browser to debug flutter web app

【发布时间】：2021-06-10 09:23:38

【问题描述】：

我刚开始使用flutter web 和我想使用勇敢的浏览器来调试我的颤振应用程序而不是 chrome 或 edge。

当我使用flutter devices 命令时，它会给出以下结果。

No devices detected.

Run "flutter emulators" to list and start any available device emulators.

我是通过使用网络服务器提供的链接来使用勇敢的，它不支持hot reload。

那么，如何使用flutter web配置chrome或edge以外的浏览器以获得完整的功能。

【问题讨论】：

这个blog post 为我工作。设置环境变量后，请确保重新启动 vs 代码（如果您正在使用它进行开发）

【参考方案1】：

我一直在研究同样的问题，众所周知 Brave 它是基于 Chromium 的，这将帮助你 https://github.com/flutter/flutter/issues/77229

【讨论】：

我尝试使用flutter run -d web-server，但在我的情况下它不支持hot restart，我必须刷新浏览器才能看到我的更改。

【参考方案2】：

您可以使用flutter run -d web-server像服务器一样运行您的应用。 这意味着您只需在您选择的任何浏览器上输入 URL 即可访问您的 Flutter 应用！

缺点：

无法从终端热重启/重新加载。您必须改为在浏览器上刷新页面。

优点：

您可以使用任何浏览器来开发 Flutter 应用。 您甚至可以使用 ngrok 将您的端口转发到 HTTPS URL，并从任何地方（您的手机、桌面、其他人的设备等）访问您的 Flutter 应用程序

PS：感谢问题#77229 帮助我找到此解决方案。我知道此线程上已建议使用此解决方法。 我只是想为普通观众提供一个更简单的答案。

【参考方案3】：

我找到this：

根据您的 Linux 操作系统（对于 Windows 和 macOS 的过程类似），就是修改你的 .bashrc 文件和 插入这一行：

#Put your Brave installation location here
export CHROME_EXECUTABLE="/opt/brave.com/brave/brave-browser"