在 VS Code 中调试 Flutter Web 应用，无需创建 Microsoft Edge 新实例

Question

一切都已设置并正常工作，但是当我开始使用 microsoft edge 在 vs 代码中调试颤振时，它会启动一个新实例，这意味着浏览器数据、密码、设置 .... 都已重置，所以我需要输入密码和每次我开始调试时更改设置，或者我需要打开两个浏览器实例，这既是资源密集型又是紧贴的。 是否有类似 Flutter 的 vs 代码配置可以“附加”到现有浏览器实例而不是“启动”新实例？

Answer 1

您必须使用以下命令运行，

flutter run -d web-server --web-port 8080 --web-hostname 0.0.0.0

然后访问http://<your-ip> or localhost:8080

这样，您可以在常规浏览器中打开您的 Flutter Web 应用程序，也可以在网络中的其他设备中打开它（使用您的 ip） ** 你也应该确保你的端口（8080）是开放的。

Answer 2

通常，如果在您使用启动配置开始调试时 Microsoft Edge 已经在运行，那么新实例将不会在远程调试模式下启动。

因此，默认情况下，扩展程序会在临时文件夹中使用单独的用户配置文件启动 Microsoft Edge。使用 userDataDir 设置要使用的不同路径，或设置为 false 以使用您的默认用户配置文件启动。

一个简单的例子：

{
    "configurations": [
        {
            "name": "Launch Microsoft Edge",
            "request": "launch",
            "type": "edge",
            "url": "...\\Index.html", // Provide your project's url to finish configuring
            "userDataDir": false // You could also add ${local_app_data}\Edge\Profile, such as C:\Users\<Current-user>\AppData\Local\Microsoft\Edge\Profile
        }
    ]
}