通过sourcemap还原项目代码

最新推荐文章于 2025-09-18 11:56:32 发布
原创 最新推荐文章于 2025-09-18 11:56:32 发布 · 4.2k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#java #python #linux #js #大数据

本文介绍了如何使用开源工具restore-source-tree来还原项目代码，详细讲解了获取sourcemap、执行命令的步骤，并提供了参考资料链接。

记录下如何使用restore-source-tree来还原代码

# 工具使用

restore-source-tree是开源的，我们可以通过以下命令全局安装指定版本

npm install -g Yukaii/restore-source-tree#98ccfc2

# 获取到sourcemap

准备好需要还原的sourcemap

# 执行命令

可以CD到放置map的目录，然后执行命令，格式如下

restore-source-tree --out-dir <OUT_DIR> <FILE>

参数解释：

  • --out-dir或者-o来指定输出文件夹
  • --include-node-modules或者-n来控制是否包含node_modules中的源文件

例子：</

最低0.47元/天 解锁文章
Fundebug支持通过SourceMap还原错误栈(stacktrace)
qq_40126542的博客
07-18 719
Fundebug支持使用Source Map还原真正的错误位置。这样的话，开发者能够迅速定位出错的源代码。另外，Fundebug还能够展示出错的代码块，帮助开发者更快地解决问题。 为什么需要压缩代码? 部署JavaScript脚本前，开发者通常会使用UglifyJS2等工具对代码压缩变换: 压缩，减小体积。比如jQuery 1.9的源码，压缩前是252KB，压缩后是32KB。 多个文件...
前端监控之sourcemap精准定位和还原错误源码
qq_58062502的博客
11-18 2016
在前端开发中，监控和错误追踪是确保应用稳定性和用户体验的重要环节。随着前端应用的复杂性增加，JavaScript错误监控变得尤为重要。在生产环境中，为了优化加载速度和性能，前端代码通常会被压缩和混淆。这虽然提升了性能，但也给错误追踪带来了挑战，因为错误报告中显示的代码位置和实际代码不一致，使得开发者难以定位和修复问题。Sourcemap技术应运而生，它是一种将压缩后的代码映射回原始源代码的工具。通过sourcemap，开发者可以准确地从错误报告中找到原始代码中的问题所在，即使这些代码已经被压缩或混淆。
用source Map还原被打包编译的源代码
jxnd123456的博客
10-10 1811
Source Map 是一种将压缩或编译后的代码映射回原始源代码的文件。它允许在开发工具中调试生产环境中的代码，就好像在调试原始源代码一样。这对于定位错误和优化性能非常有帮助，能极大提升调试效率。
source map 文件还原
juruiyuan111的专栏
11-19 3990
source map文件还原 有个Vue项目只有发布后的文件，需要修改部分功能，只能通过source map进行还原。网上有几个这样的还原工具，但多数都没法用了，记录一下自己的操作过程。 1、restore-source-tree 这个工具可以还原目录，文件好像还原不了，可以建目录。 2、shuji (周氏) 这个比较新，可以还原文件，但同名的文件会忽略掉不保存。 最后还是用谷歌浏览器，F12里的source，逐个文件下载，但必须把所有的页面都打开才能找到全部的代码。 3、reverse-so
深入解读 SourceMap：如何实现代码反解与调试
最新发布
程序员成长指北
09-18 115
在 Chrome 开发者工具中，我们可以看到 "Sources" 选项卡，这里显示了我们的原始代码和生成的 SourceMap。当我们在调试过程中遇到错误或中断时，DevTools 会自动将控制流映射到原始代码中的位置，而不是压缩后的代码中。这大大提高了调试效率。SourceMap 是一种映射文件，它能将压缩后的、混淆后的代码映射回原始的、可读性较强的代码。通过 SourceMap，浏览器在执行调试时，可以将压缩代码的执行位置与源代码中的位置进行对应，开发者可以像在开发环境一样方便地调试代码。
利用SourceMap还原前端代码
乡村的博客
01-14 3547
写在前面 最近做渗透测试过程中，在通过HTML源代码中的js找接口的时候发现可以通过浏览器调试功能的源代码处能够直接看到前端Vue具体的代码。 然后再网上查了查，找到一个工具（restore-source-tree）可以直接通过SourceMap 将前端代码还原到本地。 0x01 安装 restore-source-tree gitclonehttps://github.com/laysent/restore-source-tree.git cdrestore-s...
转载：前端泄露漏洞用source map文件还原
qwzx5678的专栏
10-21 545
SourceDetector是一个谷歌浏览器插件，此插件可以自动的判断网站是否存在js.map文件，并且能够利用该插件直接下载到js.map的Vue源码。原文链接：https://blog.youkuaiyun.com/qq_44930903/article/details/124257571。版权声明：本文为优快云博主「白帽子九一」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。后缀加上.map访问https://xxx.js.map。然后（ -o 后面跟的是还原后的目录）
逆向还原sourcemap源码
qq_50854662的博客
12-11 7061
逆向还原sourcemap源码
js压缩代码后怎么生成source map_利用SourceMap还原前端代码
weixin_39719749的博客
11-27 2005
0x00 写在前面最近做渗透测试过程中，在通过HTML源代码中的js找接口的时候发现可以通过浏览器调试功能的源代码处能够直接看到前端Vue具体的代码。然后再网上查了查，找到一个工具(restore-source-tree)可以直接通过SourceMap 将前端代码还原到本地。0x01 安装 restore-source-treegit clone https://gi...
create-react-app restore sourcemap
DevOps
01-07 1022
前言 最近恍恍惚惚， 独立完成前后端的情况下又要自己提Merge Request到分之进行review， 大家知道，前后端分离的情况下， 其实前端只需要把每个功能完成后, 进行build， 然后将生成的目录copy到web服务上就可以了， 这也导致了我这一周都没有提前端的代码到gitlab上， 一次偶然的瞬间我发现合并的时候发生了冲突， 但是改动又不大， 这时候我就通过reset hard进行恢复...
前端错误监控之SourceMap还原Vue Demo 实现
GitChat
04-28 1931
上篇写完后，有人留言说不知道在 Vue 中怎么实现这个功能，所以我写了这篇，会讲2种方式来实现 通过 Firefox 开源的 npm 包 source-map 实现在服务端获取映射关系 通过浏览器实现映射关系 ...
SourceTree安装包
08-02
SourceTree安装包，git，代码版本控制。安装后可用（最好添加一下谷歌账号，不然老是弹出谷歌登录框）
异常定位(1)--生产环境通过SourceMap还原压缩后JavaScript错误，快速定位异常
weixin_34019144的博客
04-27 2599
（如果你对 source-map有了解，但是不知道具体怎么实现，操作，可以跳过前面的，直接看底部列列举的参考文章） 最近在处理上报的异常，写个系列，这个是开篇 大家都知道一般我们前端的JavaScript代码上线前都会压缩，混淆处理，减小代码体积的同时还相对安全些，线上代码一般是这样的 举一个具体例子 源代码是这样的 ....... function buyVip(){ let...
vue项目打包后使用reverse-sourcemap反编译到源码（详解版）
web全栈开发的博客
10-11 8053
truefalse当时：1、打包后能看到文件,;2、打包后会导致文件变大(因为多了很多map文件导致的)；当时：1、打包后无法看到文件,所以无法进行反编译;2、打包后的文件很小(因为没有map文件);，打包后文件的大小2.8M，打包后文件的大小9.6M。
挖洞思路：前端源码泄露漏洞并用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
vue真实项目还原
这周末在做梦的博客
10-17 1153
项目名称：基于Python的******交流平台设计与实现 曾几何时，希望学习一下vue的前后端分离的网站架构，于是便“借”了朋友的论文网站来学习。今天终于有空来详细分析一下了，不知道其他的前后端分离网站是不是也是这种架构，不过，学一种算一种吧。
反编译dist包里的map.js到vue源码
博客
05-18 2012
（五）、该文件目录下出现source文件夹，该文件夹内就是反编译的文件结构。（二）、全局安装reverse-sourcemap资源。（三）、找到dist的map.js文件路径。（一）、管理员模式下打开cmd。（四）、cmd中执行以下代码。
逆向工程之还原源代码演示
05-24 2505
Basic binary reconstruction from assembler          by c0ntex | c0ntexb@gmail.com       ------------------------------------------This paper will provide a quick overview of how to perform reverse e
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

薛定喵君

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值