Fundebug支持通过SourceMap还原错误栈(stacktrace)

最新推荐文章于 2023-12-11 13:55:10 发布
最新推荐文章于 2023-12-11 13:55:10 发布
阅读量650 收藏
点赞数 1
分类专栏： 前端开发
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40126542/article/details/81097819
版权
Fundebug支持使用Source Map来还原错误的准确位置，帮助开发者快速定位并解决生产环境中因代码压缩导致的定位难题。通过集成各种前端工具生成Source Map，并提供前端UI或API上传方式，确保在不公开Source Map的情况下保障调试效率。
摘要由CSDN通过智能技术生成

Fundebug支持使用Source Map还原真正的错误位置。这样的话，开发者能够迅速定位出错的源代码。另外，Fundebug还能够展示出错的代码块，帮助开发者更快地解决问题。

为什么需要压缩代码?

部署JavaScript脚本前，开发者通常会使用UglifyJS2等工具对代码压缩变换:

压缩，减小体积。比如jQuery 1.9的源码，压缩前是252KB，压缩后是32KB。
多个文件合并，减少HTTP请求数。
其他语言编译成JavaScript。最常见的例子就是CoffeeScript。

在生产环境中使用压缩的代码，能够有效加快访问速度。

为什么需要Source Map?

压缩代码的错误的位置信息(文件，行号和列号)已经失真，开发者很难定位源代码的位置。而且，压缩代码的变量以及函数名称都会进行变换，这也增加了开发者Debug的难度。

Source Map是一个JSON文件，其中包含了代码转换前后的位置信息。给定一个转换之后的压缩代码的位置，就可以通过Source Map获取转换之前的代码位置，反过来也一样。

Fundebug支持使用Source Map还原真正的错误位置。这样的话，开发者能够迅速定位出错的源代码。另外，Fundebug还能够展示出错的代码块，帮助开发者

最低0.47元/天 解锁文章
JoshFenge
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Fundebug支持通过Source Map还原错误栈(stacktrace)
Fundebug博客
02-27 3万+
Fundebug支持通过Source Map还原错误栈(stacktrace)Fundebug支持使用Source Map还原真正的错误位置。这样的话，开发者能够迅速定位出错的源代码。另外，Fundebug还能够展示出错的代码块，帮助开发者更快地解决问题。
通过sourcemap还原项目代码
薛定喵君的博客
02-23 4049
记录下如何使用restore-source-tree来还原代码 # 工具使用 restore-source-tree是开源的，我们可以通过以下命令全局安装指定版本 npm install -g Yukaii/restore-source-tree#98ccfc2# 获取到sourcemap 准备好需要还原的sourcemap # 执行命令 可以CD到放置map的目录，然后执行命令，格式如下 res...
Fundebug微信小程序BUG监控服务支持Source Map
dichu2296的博客
08-26 294
摘要： 自动还原真实出错位置，快速修复BUG。 Source Map功能 微信小程序的Source Map功能目前只在 iOS 6.7.2 及以上版本支持。 微信小程序在打包时，会将所有 js 代码打包成一个文件，从而减少体积，加快访问速度。 然而，压缩代码的错误是很难Debug的，因为错误位置是这样的: 文件：app-service.js 行号：13782 列号：7974 这...
source map 文件还原
juruiyuan111的专栏
11-19 3418
source map文件还原 有个Vue项目只有发布后的文件，需要修改部分功能，只能通过source map进行还原。网上有几个这样的还原工具，但多数都没法用了，记录一下自己的操作过程。 1、restore-source-tree 这个工具可以还原目录，文件好像还原不了，可以建目录。 2、shuji (周氏) 这个比较新，可以还原文件，但同名的文件会忽略掉不保存。 最后还是用谷歌浏览器，F12里的source，逐个文件下载，但必须把所有的页面都打开才能找到全部的代码。 3、reverse-so
挖洞思路：前端源码泄露漏洞并用source map文件还原
白帽子九一
04-18 2万+
一、找到含.map的js页面 进入到一个*.js的页面查看源码： 选一个点进去拉到最下面： 后缀加上.map访问https://xxx.js.map 会直接下载app.91c9e19843b6a38f9ff5.js.map 二、source map文件还原 reverse-sourcemap 这个工具，两年前发布的，居然文件和目录都能全部还原出来，牛逼。 全局安装 npm install --global reverse-sourcemap 然后（ -o 后面跟的是还原后的目录） reverse-so
Java 异常的栈轨迹(Stack Trace)详解及实例代码
08-31
Java 异常的栈轨迹（Stack Trace）是指在 Java 程序中抛出异常时，记录下异常的发生位置和调用过程的信息。这种信息对于调试和排查问题非常重要。 1.printStackTrace() 方法 printStackTrace() 方法是 Throwable ...
comparerr:比较不同库的错误stacktrace输出
05-03
comparerr-比较golang stacktrace错误库输出 Golang很棒。 我最喜欢它。 但是，收集具有相关上下文和格式正确的堆栈跟踪的错误有点是相互竞争的方法。 此很好地概述了景观。 我想将几种不同的“精细格式化”方法的...
Android studio 出现错误Run with --stacktrace option to get the stack trace. Run with --info or --debu
09-01
主要介绍了 Android studio 出现错误Run with --stacktrace option to get the stack trace. Run with --info or --debu的相关资料,需要的朋友可以参考下
stack-source-map：添加对错误堆栈的源映射支持（仅Chrome）
02-04
尝试使错误堆栈与浏览器中的源映射一起使用，但仅支持Chrome。 该代码主要来自 ，但简化为仅与浏览器一起使用，并已固定为支持所有源映射模式 基本上，这是v8 一种hack 适用于babel和webpack :grinning_face_with...
C++栈stack算法 最全面
最新发布
07-23
栈 stack 栈stack算法：算法训练营 P68~74 题目类型 ：栈stack问题 P69~74 原题解析 ：见算法训练营 P74~74 */ #include using namespace std; int main() { cout栈算法"; cout初始值为 ...
sourcemap-stack
05-17
sourcemap-stack 参数定义 参数属性 说明 mapUrl sourcemap 地址链接，如果不填，表示sourcemap地址跟实际js路径一样 mapName 参考webpack的地址格式，比如：[name].[hash].js.map mapEncrypt 如果map文件放到跟js同目录下，一起发布到cdn上，处于安全考虑，可以使用对称性加密map文件,加密包使用,如果没有加密，这项不填 desc js error 的堆栈信息 API getStackByError 根据错误的stack error信息，提取出调动的堆栈关系 Input: TypeError: console.logs is not a function at n (http://localhost:8082/app.js:6:180422) at a.clickme (http://localhost:8
利用SourceMap还原前端代码
乡村的博客
01-14 2317
写在前面 最近做渗透测试过程中，在通过HTML源代码中的js找接口的时候发现可以通过浏览器调试功能的源代码处能够直接看到前端Vue具体的代码。 然后再网上查了查，找到一个工具（restore-source-tree）可以直接通过SourceMap 将前端代码还原到本地。 0x01 安装 restore-source-tree gitclonehttps://github.com/laysent/restore-source-tree.git cdrestore-s...
微信小程序后台报错源码sourcemap定位
【03】的博客
02-06 3306
发现错误 错误内容 undefined is not an object (evaluating \'i.length\') https://usr//sub-packages/reimburse/app-service.js:4524:2767 https://lib/WASubContext.js:2:66482 https://lib/WASubContext.js:2:66590 e@https://lib/WASubContext.js:2:69042 https://lib/WASubCont
逆向还原sourcemap源码
qq_50854662的博客
12-11 1983
逆向还原sourcemap源码
source-map定位生产问题
weixin_43760969的博客
06-20 950
source-map定位生产问题
vue项目打包后使用reverse-sourcemap反编译到源码（详解版）
web全栈开发的博客
10-11 5584
truefalse当时：1、打包后能看到文件,;2、打包后会导致文件变大(因为多了很多map文件导致的)；当时：1、打包后无法看到文件,所以无法进行反编译;2、打包后的文件很小(因为没有map文件);，打包后文件的大小2.8M，打包后文件的大小9.6M。
通过.js.map文件反编译 获取前端源码
zzzhumengfan的博客
09-06 4319
前端反编译
vue打包后反编译到源代码(reverse-sourcemap)
热门推荐
u013015301的博客
03-28 2万+
1.打开cmd,使用管理员打开 2.找到需要编译的js的目录下，这里以d://dist/static/js目录为例 执行： cd d://dist/static/js 执行完成后在该目录会看到目录下存在下面的文件名：app.xxxxxx.js.map，这里以app.5ef4326406dfb69eb193.js.map为例，如下图 图1 3.执行npm，加载reverse-sourcemap资源 执行：npm install --global reverse-sourcemap 4.反
Source Map入门教程
weixin_34220963的博客
03-13 457
部署前端之前，开发者通常会对代码进行打包压缩，这样可以减少代码大小，从而有效提高访问速度。然而，压缩代码的报错信息是很难Debug的，因为它的行号和列号已经失真。这时就需要Source Map来还原真实的出错位置了。 为啥变换代码？ 前端代码越来越复杂的情况下，开发者通常会使用webpack、UglifyJS2等工具对代码进行打包变换，...
c++ stacktrace
07-27
当程序发生错误或异常情况时，可以通过stacktrace来定位问题发生的位置，帮助开发人员进行调试和错误修复。 在C语言中，stacktrace可以通过获取函数调用栈来实现。函数调用栈是一个存储函数调用关系和局部变量的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值