如何为Chrome调试工具和Docker配置Angular Universal开发服务端

方案1：通过angular.json原生配置调整调试监听地址 #

Angular官方的@nguniversal/builders:ssr-dev-server构建器原生支持inspectHost配置项，可直接指定调试服务的监听IP，无需额外修改启动命令：

// angular.json 中对应项目的配置段
"serve-ssr": {
  "builder": "@nguniversal/builders:ssr-dev-server",
  "configurations": {
    "development": {
      "options": {
        "inspect": true,
        "inspectHost": "0.0.0.0", // 新增这一行，允许所有IP访问调试端口
        "port": 4200
      }
    }
  }
}

配置完成后正常执行npm run serve-ssr即可，调试端口会默认在0.0.0.0:9229暴露。

方案2：手动启动编译后的服务端代码（兼容低版本Angular） #

如果你的Angular/Universal版本较低不支持inspectHost配置，可以跳过官方的serve-ssr命令，分两步手动启动调试：

1. 先完成SSR构建：ng build && ng run 你的项目名:server
2. 直接用Node.js调试参数启动服务端入口文件：

node --inspect=0.0.0.0:9229 dist/你的项目名/server/main.js

该方式还支持根据需求调整调试参数，比如添加--inspect-brk让服务启动时立即断点暂停，方便排查启动阶段的内存问题。

Docker配置注意事项 #

• 启动容器时需确保端口映射正确：docker run -p 9229:9229 -p 4200:4200 你的镜像名
• 不要在生产环境的容器中开启调试端口，避免出现安全风险

调试排查内存泄漏操作步骤 #

配置完成后：

1. 本地打开Chrome浏览器，访问chrome://inspect
2. 点击Configure按钮，添加你的Docker宿主机IP:9229到目标列表
3. 待识别到Node.js进程后点击inspect进入调试面板，切换到Memory标签即可采集堆快照、对比内存占用变化排查泄漏点

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