如何将Opera（优先Opera GX）添加为Flutter Web运行浏览器？

Flutter默认仅支持Chrome和Edge作为Web目标浏览器，要添加Opera或Opera GX，可通过以下几种方式实现：

方法1：直接指定浏览器路径启动 #

运行Flutter时，通过--web-browser-command参数指定Opera/Opera GX的可执行文件路径，同时使用web-server作为目标设备：

Windows系统 #

flutter run -d web-server --web-port 8080 --web-browser-command "C:\Users\<你的用户名>\AppData\Local\Programs\Opera GX\opera.exe"

替换<你的用户名>为实际系统用户名，若安装的是标准Opera，路径改为C:\Users\<你的用户名>\AppData\Local\Programs\Opera\opera.exe

macOS系统 #

flutter run -d web-server --web-port 8080 --web-browser-command "/Applications/Opera GX.app/Contents/MacOS/Opera GX"

标准Opera路径为/Applications/Opera.app/Contents/MacOS/Opera

Linux系统 #

flutter run -d web-server --web-port 8080 --web-browser-command "/usr/bin/opera"

若Opera GX在Linux下的路径不同，替换为实际安装路径

方法2：将Opera加入系统PATH简化命令 #

将Opera/Opera GX的安装目录添加到系统环境变量PATH中：

• Windows：右键"此电脑"→属性→高级系统设置→环境变量，在用户变量的Path中添加Opera GX的安装目录（如C:\Users\<你的用户名>\AppData\Local\Programs\Opera GX）
• macOS/Linux：在~/.bashrc或~/.zshrc中添加export PATH="$PATH:/Applications/Opera GX.app/Contents/MacOS"（根据实际路径调整）

添加完成后，无需输入完整路径，直接运行：

flutter run -d web-server --web-browser-command opera

方法3：配置自定义设备（永久生效） #

通过Flutter的设备配置文件添加Opera/Opera GX作为永久可用设备：

1. 找到Flutter配置目录：
   • Windows：%APPDATA%\Flutter\config
   • macOS/Linux：~/.config/flutter
2. 创建devices.yaml文件，添加以下内容（根据系统调整路径）：

   devices:
     - name: Opera GX
       id: opera-gx
       category: web
       emulator: false
       platform: web
       command: "C:\\Users\\<你的用户名>\\AppData\\Local\\Programs\\Opera GX\\opera.exe"
   

3. 保存后运行flutter devices，即可看到Opera GX出现在设备列表中，之后直接使用：

   flutter run -d opera-gx
   

注意：确保Opera/Opera GX为最新版本，避免出现兼容性问题。

内容的提问来源于stack exchange，提问作者Tallys Aureliano