# JS异常堆栈还原

# 1、前提

  • 必须在捕获到崩溃栈的情况下才可以使用SourceMap还原功能
  • 发生崩溃的JS资源未经过combo合并

# 2、使用方法介绍

  • 若可以使用SourceMap还原功能,则在JS异常栈顶旁边会有“映射源码”按钮,如下图所示。

image.png


  • 点击“映射源码”按钮,将弹出SourceMap映射还原模态框,如下图所示。

image.png


本地上传SourceMap,自动解析SourceMap

远程加载SourceMap,可从你的服务器\cdn服务器加载SourceMap文件

  • 「映射还原」按钮变为蓝色后,点击按钮即可还原异常堆栈,如下图,已经还原出源文件的路径、行号、列号。

image.png


  • 重复以上步骤可还原多个文件

# 3、注意事项

  • 通过URL加载SourceMap文件,需要SourceMap文件存在于你的服务器上,并且支持跨域访问,才能加载成功
  • 后期重新打包生成的SourceMap,通过改名适配来映射还原的崩溃栈信息,不一定准确
  • 若点击“映射还原”没有响应,请检查浏览器版本是否过低,可使用最新版chrome或Firefox尝试