使用勇敢的浏览器调试flutter web app

Question

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

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

No devices detected.

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

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

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

Answer 1

我找到了这个：

根据您的 Linux 操作系统（对于 Windows 和 macOS，该过程类似），您所要做的就是修改您的 .bashrc 文件并插入以下行：

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

对于 MacO，

export CHROME_EXECUTABLE="/Applications/Brave Browser.app/Contents/MacOS/Brave Browser"

Answer 2

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

缺点：

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

优点：

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

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