前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Fundebug支持区分Source Map版本

Fundebug支持区分Source Map版本

作者头像
Fundebug
发布2019-12-31 18:25:31
5340
发布2019-12-31 18:25:31
举报
文章被收录于专栏:FundebugFundebug

摘要: 想要区分Source Map版本的话,在接入插件与上传Source Map时,都需要设置appversion哦!

神奇的Source Map

作为专业的错误监控服务,Fundebug支持一个神奇的功能 - Source Map:

通常,出于性能和安全考虑,生产环境的代码是经过压缩混淆。这样的话,报错信息的位置以及代码都比较乱,难于定位真正的出错代码位置。使用Source Map,可以还原完整的堆栈信息,准确定位到出错源码,帮助您快速修复BUG。

如何区分Source Map版本?

然而,机智的Fundebug用户发现了一个小小的问题:

当线上环境的代码与开发环境代码不同时,它们的Source Map内容不同而文件名相同,Fundebug如何区分?

我们之前的处理方式比较简单,采用最新的Source Map,这样会导致还原代码时使用了错误的Source Map。

这样区分Source Map版本

为了解决用户提出的问题,我们现在已经支持了区分不同版本的Source Map。使用方法分为2步,缺1不可:

1. 接入插件时设置应用版本

应用版本可以通过appversion属性来设定,有2种不同配置方式:

  • 在HTML代码中配置<script>标签中配置appversion属性
代码语言:javascript
复制
<script src="https://js.fundebug.cn/fundebug.0.3.3.min.js" 
        apikey="API-KEY" 
        appversion="3.2.5" ></script>
  • 在JavaScript代码中配置appversion变量
代码语言:javascript
复制
fundebug.appversion = "3.2.5";
2. 上传Source Map时设置应用版本

上传Source Map有3种不同方式:前端UI上传API上传fundebug-cli批量上传。采用这3种方式上传Source Map时,均可以设置应用版本:

代码语言:javascript
复制
curl https://fundebug.com/javascript/sourcemap/upload \
     -X POST \
     -F apikey=API-KEY \
     -F appversion=1.0.0 \
     -F sourceMap=@dist/app.js.map
代码语言:javascript
复制
fundebug-cli upload --apikey "API-KEY" --appversion 1.0.0 --directory dist/

当您接入插件与上传Source Map均设置了应用版本,则Fundebug就可以使用对应版本的Source Map文件来进行代码还原了~

参考

版权声明

转载时请注明作者 Fundebug以及本文地址:

https://blog.fundebug.com/2017/12/26/fundebug-can-distinguish-sourcemap-version/

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2017-12-26,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 神奇的Source Map
  • 如何区分Source Map版本?
  • 这样区分Source Map版本
    • 1. 接入插件时设置应用版本
      • 2. 上传Source Map时设置应用版本
      • 参考
      • 版权声明
      领券
      问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档