如何为Flutter Web应用开启多个Chrome调试窗口？

你可以通过以下几种方式实现多Chrome标签页/窗口的调试测试，操作简单直接：

方法1：从已启动的调试窗口直接扩展标签/窗口 #

当Android Studio启动Flutter Web调试模式后，Chrome会打开指向本地服务的页面（地址格式为 localhost:xxxx，xxxx是随机分配的端口）：

• 在当前Chrome窗口新建标签页，输入相同的本地地址，即可连接到同一个Flutter调试会话，共享调试上下文
• 如果需要测试隔离环境（比如不同的本地存储、缓存状态），可以打开Chrome的隐身窗口或者新建用户配置文件窗口，再输入相同地址，每个窗口的运行环境相互独立，适合多用户场景测试

方法2：命令行启动调试服务，手动打开多窗口 #

若想固定端口或更灵活控制启动流程，直接在终端执行命令：

flutter run -d chrome --web-port=5555

• --web-port=5555 用于固定服务端口，方便后续在多个窗口输入统一地址
• 命令执行后，Flutter会启动调试服务并打开一个Chrome窗口，此时你可以手动打开任意数量的Chrome标签/窗口，访问 localhost:5555 即可进入调试模式，所有窗口都会连接到同一个Dart VM，Android Studio的断点、日志调试功能依然生效

方法3：在Chrome DevTools中管理多标签调试 #

每个Chrome标签页的DevTools是独立的：

• 打开任意调试标签的DevTools（按F12），在顶部的「Targets」面板（或按Shift+Esc打开任务管理器）可以切换到其他Flutter Web标签的调试会话
• 你可以在不同标签的DevTools中分别查看日志、调试DOM或Dart代码，互不干扰

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