VS Code运行Web项目时启动Chrome无痕模式失败该如何解决？

安全阿岳

2026-10-2

VS Code启动Chrome无痕模式调试Web项目解决方案

配置修改步骤

替换配置类型标识：将原配置中的"type": "pwa-chrome"修改为"type": "chrome"，pwa-chrome为旧版调试器的专属标识，新版VS Code内置的JS Debugger已经统一使用chrome作为Chrome浏览器的配置类型，旧标识会导致部分启动参数不生效。
补充启动参数避免进程冲突：在runtimeArgs中新增--new-window参数，修改为"runtimeArgs": ["--incognito", "--new-window"]，该参数会强制打开独立的新Chrome窗口，避免和已运行的普通Chrome进程冲突导致无痕参数失效。
显式指定浏览器路径（可选）：若修改后依旧无法生效，可在配置中新增runtimeExecutable字段，填写你本地Chrome浏览器的绝对安装路径，各系统默认参考路径如下：
- Windows：C:\\Program Files\\Google\\Chrome\\Application\\chrome.exe
- MacOS：/Applications/Google Chrome.app/Contents/MacOS/Google Chrome
- Linux：/usr/bin/google-chrome
端口校验：确认本地Web项目实际运行端口和配置中url字段的端口8080一致，若项目启动端口为其他值，同步修改url字段对应的端口即可。

修改后的完整配置参考

{
    "version": "0.2.0",
    "configurations": [
        {
            "type": "chrome",
            "request": "launch",
            "runtimeArgs": ["--incognito", "--new-window"],
            "name": "Launch Chrome against localhost",
            "url": "http://localhost:8080",
            "webRoot": "${workspaceFolder}"
        }
    ]
}