Flutter应用调试：Edge浏览器附加调试失败，无法使用已装扩展

问题核心在于默认调试流程会启动无扩展的干净Edge实例，导致你安装的iOS设备模拟扩展无法加载。要解决这个问题，需要让调试器连接到你预先启动、已加载扩展的Edge实例，具体步骤如下：

正确操作步骤 #

1. 关闭所有Edge进程
   打开任务管理器，结束所有msedge.exe进程，避免端口冲突或连接到错误实例。

2. 启动带远程调试参数的Edge实例
   打开命令提示符，执行以下命令：

   start msedge.exe --remote-debugging-port=9222 --user-data-dir="%LOCALAPPDATA%\Microsoft\Edge\User Data"
   

   加--user-data-dir参数是为了加载你日常使用的Edge用户配置（包含已安装的扩展），如果省略这个参数，Edge会启动临时配置文件，无法读取你安装的iOS模拟扩展。

3. 确认扩展已启用
   在启动的Edge实例中，打开扩展管理页面，确保你的iOS设备模拟扩展处于启用状态。

4. 配置VS Code的launch.json
   选择Attach to Edge调试类型，配置如下（替换url为你的Flutter Web运行地址）：

   {
       "version": "0.2.0",
       "configurations": [
           {
               "name": "Attach to Edge",
               "type": "msedge",
               "request": "attach",
               "port": 9222,
               "url": "http://localhost:5000", // 匹配你的Flutter Web服务URL
               "webRoot": "${workspaceFolder}/web"
           }
       ]
   }
   

5. 启动Flutter Web服务并调试

   • 运行flutter run -d chrome --web-port=5000（端口和launch.json的url一致），或者在IDE中启动Flutter Web服务。
   • 在已启动的Edge实例中打开Flutter的URL，然后在VS Code中启动Attach to Edge调试。

常见问题排查 #

• 如果连接失败，检查9222端口是否被其他程序占用，可更换端口（比如9223），同时同步修改启动命令和launch.json的port参数。
• 确认Flutter Web的URL和launch.json中的url完全匹配，包括端口和路径。
• 若扩展仍未加载，尝试重新安装iOS模拟扩展，或重置Edge的用户配置后重新安装扩展。

内容的提问来源于stack exchange，提问作者Kevin Alexis Martinez Herrera