Angular CLI Karma测试：Chrome打开即关闭，如何获取localhost链接用于调试

我之前也碰到过这个问题，Chrome闪一下就关确实头疼，尤其是想在VS Code里断点调试的时候。别担心，改几个配置就能轻松搞定！

一、修改karma.config.js核心配置 #

打开项目根目录下的karma.config.js，找到下面几个关键选项修改：

1. 关闭自动退出模式
   找到singleRun配置项，把它从true改成false：

module.exports = function (config) {
  config.set({
    // ... 其他配置
    singleRun: false, // 测试完成后不自动退出，保持浏览器打开
    // ... 其他配置
  });
};

这个选项是控制测试执行完毕后是否立即关闭Karma服务器和浏览器，设为false就能让Chrome一直保持打开状态，保留localhost:9876的链接。

2. 开启自动监听（可选但推荐）
   确保autoWatch选项是true，这样当你修改代码时，Karma会自动重新运行测试，不用手动重启命令：

autoWatch: true, // 监听文件变化，自动重新执行测试

3. 确保使用非无头Chrome
   如果你的配置里用了ChromeHeadless，会在后台运行看不到界面，改成普通的Chrome：

browsers: ['Chrome'], // 用可视化的Chrome而非无头模式

二、VS Code调试配置（可选） #

如果要在VS Code里断点调试测试代码，还需要添加调试配置：

1. 打开VS Code的运行和调试面板（快捷键Ctrl+Shift+D）
2. 点击创建launch.json文件，选择Chrome环境
3. 替换成以下配置，让调试器连接到Karma的默认端口：

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "chrome",
      "request": "launch",
      "name": "Karma Tests",
      "url": "http://localhost:9876",
      "webRoot": "${workspaceFolder}/src",
      "sourceMaps": true
    }
  ]
}

配置好后，先运行npm run test打开Chrome保持链接，再启动VS Code的调试器，就能在测试代码里加断点调试了。

三、备选方案：通过命令行参数临时修改 #

如果你不想改配置文件，也可以直接在命令行执行：

ng test --watch --no-single-run

这个命令会临时启用监听模式，不自动退出测试，效果和修改配置文件一致。

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