如何在Visual Studio 2022中禁止React项目启动时打开Chrome无痕窗口

解决方法 #

方法1：修改launch.json配置 #

在你项目.vscode文件夹下的launch.json中，找到类型为chrome的调试配置段，新增"incognito": false字段即可禁用无痕启动，修改后的完整配置如下：

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "chrome",
      "request": "launch",
      "name": "localhost (Chrome)",
      "url": "http://localhost:3000",
      "webRoot": "${workspaceFolder}",
      "incognito": false
    },
    {
      "type": "edge",
      "request": "launch",
      "name": "localhost (Edge)",
      "url": "http://localhost:3000",
      "webRoot": "${workspaceFolder}"
    }
  ]
}

如果修改后仍启动无痕窗口，可在上述Chrome配置中再添加一行"runtimeArgs": []清空默认附带的启动参数即可。

方法2：修改Visual Studio 2022全局浏览器启动配置 #

如果修改项目配置不生效，是因为VS全局默认设置了用无痕模式启动Chrome，修改步骤如下：

• 点击运行按钮旁的浏览器下拉选择框（对应截图中标注的位置）
• 选择「浏览方式...」选项
• 在弹出的窗口列表中找到普通版Chrome，点击「设为默认值」后保存退出即可

相关配置界面截图：

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