Fundebug微信小程序BUG监控服务支持Source Map

摘要: 自动还原真实出错位置,快速修复BUG。

Source Map功能

微信小程序的Source Map功能目前只在 iOS 6.7.2 及以上版本支持。

微信小程序在打包时,会将所有 js 代码打包成一个文件,从而减少体积,加快访问速度。

然而,压缩代码的错误是很难Debug的,因为错误位置是这样的:

  • 文件:app-service.js
  • 行号:13782
  • 列号:7974

这时,错误的位置信息(文件,行号和列号)失去了价值,因为开发者很难知道它所对应的源代码位置。

Fundebug的微信小程序BUG监控支持通过Source Map还原出错位置:

  • 文件:utils/util.js
  • 行号:573
  • 列号:8

这样的话,开发者能够迅速定位出错的源代码。

在Fundebug控制台,只需要点击Source Map按钮,就可以切换压缩前后的堆栈:

如果希望使用Source Map功能,用户则需要:

下载Source Map文件

  • 登陆微信公众平台
  • 切换到左侧"开发"页面
  • 点击链接"下载线上版本Source Map文件"

上传Source Map文件

将下载的Source Map文件解压缩,仅需上传解压缩的文件中的__APP__/app-service.map.map文件。

上传步骤

  • 进入Fundebug『控制台』
  • 选择『项目设置』
  • 点击『Source Map』
  • 选中需要上传的Source Map文件(支持上传多个Source Map文件)
  • 点击『上传』

上传Source Map时可以配置应用版本:

下图为已经上传的不同版本的Source Map文件:

若希望区分不同版本微信小程序的Source Map文件,则需要在接入Fundebug插件时,配置对应的appversion属性,与上传Source Map时设置的版本保持一致:

fundebug.init({
    appVersion: "3.2.5"
});

Fundebug微信小游戏BUG监控服务的Source Map功能也将尽快推出,敬请期待。

最后,感谢青团社的小伙伴的协助~

参考

版权声明

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

https://blog.fundebug.com/2019/08/26/fundebug-wechat-miniprogram-support-sourcemap/

原创声明,本文系作者授权云+社区发表,未经许可,不得转载。

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

编辑于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏全栈者

【精品转载】学习 Vue 源码的必要知识储备

我最近在写 Vue 进阶的内容。在这个过程中,有些人问我看 Vue 源码需要有哪些准备吗?所以也就有了这篇计划之外的文章。

13930
来自专栏趣谈前端

js基本搜索算法实现与170万条数据下的性能测试

今天让我们来继续聊一聊js算法,通过接下来的讲解,我们可以了解到搜索算法的基本实现以及各种实现方法的性能,进而发现for循环,forEach,While的性能差...

10110
来自专栏量子位

百度无人驾驶出租长沙开测:Apollo技术一汽红旗车队,年内服役

8月2日,百度与中国一汽红旗共同打造的国内首批量产L4级自动驾驶出租车Robotaxi-红旗E·界亮相长沙展开测试。

8220
来自专栏程序员成长指北

深入理解Node.js 进程与线程(8000长文彻底搞懂)

进程与 线程是一个程序员的必知概念,面试经常被问及,但是一些文章内容只是讲讲理论知识,可能一些小伙伴并没有真的理解,在实际开发中应用也比较少。本篇文章除了介绍概...

19610
来自专栏全栈者

[每日一题] JavaScript面试之“大数相加”运算

为什么会出现这个原因呢?先来探究一下Javascript的Number类型本质了,先来看看最权威的MDN对Javascript数字类型的定义。

13520
来自专栏暴走大数据

Spark Core源码精读计划6 | AsyncEventQueue与LiveListenerBus

在上一篇文章中,我们了解了Spark事件总线机制的概况,以及ListenerBus、SparkListenerBus的细节。

12030
来自专栏痴者工良

ASP.NET Core 编码、web编码、网页编码 System.Text.Encodings.Web

空间包含表示 Web 编码器的基类、表示 HTML、JavaScript 和 Url 字符编码的子类,以及表示仅允许编码特定字符、字符范围或码位的筛选器的类。

13450
来自专栏Vi的技术博客

Java Grammar:数据类型

我们知道,Java是一种 强类型 语言,类型对于Java语言来说非常的重要不言而喻,在Java中,分为 基础数据类型 和 引用数据类型 ,其中基础数据类型分为了...

8620
来自专栏全栈者

一步一步解析Axios源码,从入门到原理

一个基于 Promise 来管理 http 请求的简洁、易用且高效的代码封装库。通俗一点来讲,它是一个前端替代Ajax的一个东西,可以使用它发起http请求接口...

63610
来自专栏深度学习与python

快速学习正则表达式的中文资源网站

无论你使用的是Python、Java、Perl还是Shell,正则表达式是学习主流编程语言几乎绕不开的话题。有了它,就能帮你快速定位到符合筛选条件的文本内容。

11220

扫码关注云+社区

领取腾讯云代金券

年度创作总结 领取年终奖励