Flutter运行web项目找不到Chrome 如何设置使用Opera等其他浏览器

适配前提 #

Flutter的Web调试并非强制绑定Chrome，所有Chromium内核的浏览器都可以通过配置CHROME_EXECUTABLE环境变量指定为调试浏览器，Opera属于Chromium内核，完全满足运行要求。

步骤1：获取Opera可执行文件路径 #

根据你使用的操作系统，找到对应安装路径：

• Windows：右键桌面Opera快捷方式→选择「属性」→切换到「快捷方式」标签→复制「目标」字段的完整路径，默认路径参考：C:\Users\你的用户名\AppData\Local\Programs\Opera\launcher.exe
• macOS：默认路径为/Applications/Opera.app/Contents/MacOS/Opera
• Linux：可在终端执行which opera查询路径，默认参考路径为/usr/bin/opera（常规安装）或/snap/bin/opera（snap安装）

步骤2：配置环境变量 #

全局永久生效配置 #

Windows系统

1. 右键「此电脑」→「属性」→「高级系统设置」→「环境变量」
2. 在「用户变量」或「系统变量」区域点击「新建」
3. 变量名填写CHROME_EXECUTABLE，变量值粘贴步骤1获取的Opera完整路径
4. 依次点击「确定」保存所有配置，关闭所有已打开的终端/命令行窗口后重新打开即可生效

macOS/Linux系统

1. 根据你使用的shell类型编辑对应配置文件：
   • zsh用户编辑~/.zshrc
   • bash用户编辑~/.bashrc或~/.bash_profile
2. 在文件末尾添加如下内容：

   export CHROME_EXECUTABLE="步骤1获取的Opera完整路径"
   

3. 保存文件后在终端执行对应命令生效：
   • zsh用户执行source ~/.zshrc
   • bash用户执行source ~/.bashrc

临时生效方案（无需全局配置） #

如果不想修改全局环境变量，可在每次运行项目前执行对应命令指定浏览器：

• Windows cmd：

  set CHROME_EXECUTABLE=你的Opera完整路径
  flutter run -d chrome
  

• macOS/Linux 终端：

  CHROME_EXECUTABLE=你的Opera完整路径 flutter run -d chrome
  

步骤3：验证配置 #

在终端执行flutter doctor，若原有的「Cannot find Chrome」报错消失，即代表配置生效。后续运行Web项目执行flutter run -d chrome时会自动调起Opera浏览器加载调试页面。
注意：请使用Chromium内核的新版Opera，老旧的Presto内核Opera不兼容Flutter Web调试 #

内容的提问来源于stack exchange，提问作者Hacı Bayram Küçükkocabaş