js压缩代码后怎么生成source map_利用SourceMap还原前端代码

最新推荐文章于 2024-05-13 11:10:27 发布
最新推荐文章于 2024-05-13 11:10:27 发布
阅读量1.8k 收藏 4
点赞数 2
文章标签： js压缩代码后怎么生成source map js压缩代码还原 ms查约束具体代码

4d74709b6c51031fa169dbde602a9e61.png

0x00  写在前面

    最近做渗透测试过程中，在通过HTML源代码中的js找接口的时候发现可以通过浏览器调试功能的源代码处能够直接看到前端Vue具体的代码。

7239b66b0a13bf24c2d78e3bd77b310c.png

    然后再网上查了查，找到一个工具(restore-source-tree)可以直接通过SourceMap 将前端代码还原到本地。

0x01  安装 restore-source-tree

git clone https://github.com/laysent/restore-source-tree.gitcd restore-source-treenpm i -g restore-source-tree

最低0.47元/天 解锁文章
weixin_39719749
关注
  • 2
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
通过sourcemap还原项目代码
薛定喵君的博客
02-23 4041
记录下如何使用restore-source-tree来还原代码 # 工具使用 restore-source-tree是开源的，我们可以通过以下命令全局安装指定版本 npm install -g Yukaii/restore-source-tree#98ccfc2# 获取到sourcemap 准备好需要还原的sourcemap # 执行命令 可以CD到放置map的目录，然后执行命令，格式如下 res...
Webpack源码泄露到Vue快速入门
最新发布
weixin_72543266的博客
05-23 1643
刚好最近学习了Vue和Webpack,回顾一下学习并对Vue的学习过程中对笔记总结进行记录,同时进行思考过程中的理解加入其中,方便自己进行后续的学习和回顾,当然因为这两个内容都和我之前在进行渗透测试中碰到的一种漏洞类型相关,其中很容易碰到资产是关于使用wepack进行打包的,并且存在js.map泄露,在源码泄露中,常见的前端是通过vue进行编写的,顺便加深一下之前渗透过程的印象.webpack是一个JavaScript应用程序的静态资源打包器。
利用SourceMap还原前端代码
乡村的博客
01-14 2179
写在前面 最近做渗透测试过程中，在通过HTML源代码中的js找接口的时候发现可以通过浏览器调试功能的源代码处能够直接看到前端Vue具体的代码。 然后再网上查了查，找到一个工具（restore-source-tree）可以直接通过SourceMap 将前端代码还原到本地。 0x01 安装 restore-source-tree gitclonehttps://github.com/laysent/restore-source-tree.git cdrestore-s...
挖洞思路：前端源码泄露漏洞并用source map文件还原
热门推荐
白帽子九一
04-18 1万+
一、找到含.map的js页面 进入到一个*.js的页面查看源码： 选一个点进去拉到最下面： 后缀加上.map访问https://xxx.js.map 会直接下载app.91c9e19843b6a38f9ff5.js.map 二、source map文件还原 reverse-sourcemap 这个工具，两年前发布的，居然文件和目录都能全部还原出来，牛逼。 全局安装 npm install --global reverse-sourcemap 然后（ -o 后面跟的是还原后的目录） reverse-so
逆向还原sourcemap源码
qq_50854662的博客
12-11 1734
逆向还原sourcemap源码
转载：挖洞思路：前端源码泄露漏洞并用source map文件还原
HRay's blog
01-21 2130
大部分Vue应用会使用webpack进行打包，如果没有正确配置，就会导致Vue源码泄露，可能泄露的各种信息如API、加密算法、管理员邮箱、内部功能等等。
jQuery3.3.1包含压缩前后以及Source Map
04-27
未压缩的源文件便于理解和调试，压缩后的文件适用于生产环境以提高性能，而Source Map则保证了压缩代码的可调试性。了解这些文件的作用和用途，对于任何使用jQuery的开发者来说都是至关重要的。
source-stl.rar_STL 源码_stl source_stl 代码
09-20
通过研究这个"source-stl.rar"中的源码，开发者不仅可以提升对STL的理解，还可以学习到如何在实际项目中高效利用STL，提高代码质量和性能。同时，对于想要成为C++库开发者的人来说，STL源码是很好的学习样本，展示了...
crypto_source.rar_crypto source_visual c_开源_开源代码
09-14
加密开源代码，可进行多种加密以及相关处理
colombo::man_detective: 使用 CLI 中的 source-map 查看 Javascript 源代码
05-30
科伦坡 :man_detective: 使用source-map从CLI查看Javascript源代码运行并按照说明操作： npx colombonpx colombo [https://website.com/bundle.js:line:column]
SourceTree安装包
08-02
SourceTree安装包，git，代码版本控制。安装后可用（最好添加一下谷歌账号，不然老是弹出谷歌登录框）
project.rar_source localization_声源_声源定位_声源定位代码_声源模拟
07-15
声源定位和GPS模拟源代码，有exe文件，可以直接使用。
source map 文件还原
juruiyuan111的专栏
11-19 3380
source map文件还原 有个Vue项目只有发布后的文件，需要修改部分功能，只能通过source map进行还原。网上有几个这样的还原工具，但多数都没法用了，记录一下自己的操作过程。 1、restore-source-tree 这个工具可以还原目录，文件好像还原不了，可以建目录。 2、shuji (周氏) 这个比较新，可以还原文件，但同名的文件会忽略掉不保存。 最后还是用谷歌浏览器，F12里的source，逐个文件下载，但必须把所有的页面都打开才能找到全部的代码。 3、reverse-so
生产环境通过SourceMap还原压缩后JavaScript错误，快速定位异常
GitChat
04-28 1061
（如果你对 source-map有了解，但是不知道具体怎么实现，操作，可以跳过前面的，直接看底部列列举的参考文章） 最近在处理上报的异常，写个系列，这个是开篇 大家都知道一般我们前端的JavaScript代码上线前都会压缩，混淆处理，减小代码体积的同时还相对安全些，线上代码一般是这样的...
【渗透测试笔记】之【拒绝服务攻击】_拒绝服务攻击的代码(1)
2401_84971562的博客
05-13 329
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。深知大多数网络安全工程师，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！因此收集整理了一份《2024年网络安全全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上网络安全知识点！真正的体系化！
【网络安全】WebPack源码（前端源码）泄露 + jsmap文件还原
等风来
04-09 2799
webpack是一个JavaScript应用程序的静态资源打包器。它构建一个依赖关系图，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个bundle。大部分Vue等项目应用会使用webpack进行打包，使用webpack打包应用程序会在网站js同目录下生成 js.map文件。
xxxxx.js.map前端代码泄露
吃个榴莲压压鲸的博客
04-24 6587
背景 目前前端部署的代码一般都是经过webpack压缩的，压缩的目的一般如下： 移除无用代码 混淆代码中变量名称、函数名称等 对结构进行扁平化处理 Sourcemap作用 SourceMap在其中扮演了一个十分重要的角色，用来作为源代码和编译代码之间的映射，方便开发定位问题。 一般在压缩 js 的过程中，会生成相应的 sourcemap 文件，并且在压缩的 js 文件末尾追加 sourcemap 文件的链接 ，如：//# sourceMappingURL=xxxx.js.map。这样，浏览器在加载
逆向webpack打包，还原出原始文件。
w2sft的博客
08-09 6635
Web前端安全需重视：map文件导致的源码泄露案例。 偶然间，看到一个很高端、大气、科幻的网站： 立即就有学习该网站技术的想法。 查看源码、调出开发者工具，看到如上内容。 简单分析发现，这是一个经webpack打包的js： 而且map文件也存在： 有js、map两个文件，可以很轻松的还原出源码。 NodeJS环境下，安装shuji，这是一个webpack还原工具，借助它，可以很轻松恢复出源代码。 安装过程略。执行还原： 瞬间得到项目源文件，js代码、obj模型、贴图等。In
运行模式下不压缩代码且含有sourcemap,体积较大
09-09
在运行模式下不压缩代码且含有sourcemap，会使得代码体积较大的原因主要有以下几点。 首先，运行模式下，开发人员通常希望能够更方便地进行代码调试、定位错误，并且查看源码。因此，在这种模式下保留了代码的完整性和可读性，没有进行代码压缩。这一方便性对于开发过程中的迭代和问题解决非常重要。 其次，sourcemap是一种用于调试的工具，它能够将压缩后的代码映射回原始开发源代码，从而方便开发人员在浏览器控制台准确地查看并调试未压缩的代码。然而，sourcemap本身也是一段较大的数据，会占用一定的空间。 另外，不进行代码压缩还能提高开发过程中的构建速度，因为压缩代码需要花费相当的时间和计算资源。在开发模式下，快速构建和部署是非常重要的，因此牺牲一部分代码体积来换取开发效率也是一种合理的选择。 然而，需要注意的是，在真正发布项目时，为了提高加载和传输速度，减少带宽占用以及提升用户体验，建议对代码进行压缩和合并，并且不再包含sourcemap信息。压缩后的代码更小，能够更快地加载和执行，同时也能减少资源消耗。因此，在生产环境中，最好将代码进行压缩并删除sourcemap，以获得更好的性能和用户体验。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值