嘿，各位老铁们，Zui近 Chrome 出了一大波新功Neng，咱来聊聊。这次的重点是 Chrome 137 版本新增了一个骚操作，就是Neng在崩溃报告里直接上报 JS 堆栈信息啦！听起来是不是有点高大上？

咱先来说说 JS 堆栈信息吧。简单来说它就像一个代码的“履历”，记录了代码执行的每一个步骤和函数调用关系。当你遇到页面崩溃的时候，这个信息就显得格外重要。有了它，开发者就Neng知道问题出在哪儿了。

以前 Chrome 的崩溃报告可Neng只Neng告诉你哪个脚本挂了但具体到哪一行代码、哪一个函数dou不知道。现在好了有了堆栈信息，就Neng一步一步追溯问题根源了！简直是黑科技啊哈哈。

这可不是闹着玩的。Chrome 为了支持这个新功Neng，需要咱们后端Zuo点准备。具体来说就是需要在服务器端设置一个 HTTP 头叫Zuo Document-Policy。

这个头的值要设置为 `include-js-call-stacks-in-crash-reports` 。也就是说你的后端服务要响应这个请求头的时候，把 JS 堆栈信息一并带回去给 Chrome。

add_header Document-Policy "include-js-call-stacks-in-crash-reports" always;

在 Node.js 服务中呢，你Ke以这样配置中间件来设置响应头：

import { Injectable, NestMiddleware } from '@nestjs/common';
import { Request, Response, NextFunction } from 'express';
@Injectable
export class DocumentPolicyMiddleware implements NestMiddleware {
  use {
    res.setHeader;
    next;
  }
}

是不是hen简单？记住啊兄弟们，配置对齐才Neng玩转新功Neng！

咱得唠叨一下使用条件哈。这个新功Neng可不是随便谁douNeng用的哦。它主要针对那些由页面无响应导致的崩溃才有效。

也就是说Ru果你的页面卡死了、或者 unresponsive 的情况发生了崩溃，那么上报的堆栈信息就Neng发挥作用啦。但Ru果只是普通的报错或者死活不响应的情况呢？那可Neng就没用了。

相关讨论：issues.chromium.org/issues/…

从 chrome 版本开始