使用brave浏览器调试flutter web app

Using brave browser to debug flutter web app

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

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

No devices detected.

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

我正在使用网络服务器提供的 link 来使用 brave,它不支持 hot reload

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

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

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

缺点:

  • 热 Restart/Reload 从终端是不可能的。您必须改为在浏览器上刷新页面。

优点:

  • 您可以使用任何浏览器开发 Flutter 应用。
  • 您甚至可以使用 ngrok 将您的端口转发到 HTTPS URL,并从任何地方(您的 phone、您的桌面、其他人的设备等)

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

我找到了 this:

All you have to do, based on your Linux operating system (for Windows and macOS the process is similar), is to modify your .bashrc file and insert this line:

#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"