Yasoob Khalid
·
将Sourcemap转换为原始JavaScript/TypeScript源代码
💡
原文英文，约800词，阅读约需3分钟。
📝
内容提要
本文介绍了如何下载sourcemap文件并将其转换为原始JavaScript源代码。通过使用Mitmproxy拦截请求并记录sourcemap URL，接着利用Sourcemapper下载和重建原始代码。尽管存在一些问题，这种方法仍然有效。需注意不要公开发布sourcemaps，以保护代码隐私。
🎯
关键要点
- 本文介绍了如何下载sourcemap文件并将其转换为原始JavaScript源代码。
- 使用Mitmproxy拦截请求并记录sourcemap URL。
- 利用Sourcemapper下载和重建原始代码。
- 浏览器不允许批量下载原始代码，需逐个下载。
- Mitmproxy是一个强大的开源代理工具，可以路由所有网络请求。
- 在Mitmproxy中清除请求列表以便于后续操作。
- 通过开发者工具查看并记录sourcemap文件请求。
- 创建脚本过滤目标网站的sourcemap URL。
- 使用Sourcemapper命令下载sourcemap并重建源代码。
- Sourcemapper可能会在文件结构上与浏览器显示不完全一致。
- 确保不公开发布sourcemaps以保护代码隐私。
❓
延伸问答
如何下载sourcemap文件并转换为原始JavaScript源代码？
可以使用Mitmproxy拦截请求并记录sourcemap URL，然后利用Sourcemapper下载和重建原始代码。
Mitmproxy是什么，它有什么用？
Mitmproxy是一个强大的开源代理工具，可以路由所有网络请求，帮助用户拦截和记录请求。
使用Sourcemapper时可能会遇到什么问题？
使用Sourcemapper时，生成的文件结构可能与浏览器显示的不完全一致，可能会影响代码的组织。
如何确保不公开发布sourcemaps以保护代码隐私？
确保在构建工具中配置去除sourcemaps的选项，以防止其被公开发布。
如何在Mitmproxy中清除请求列表？
在Mitmproxy中，可以通过按下'z'键来清除请求列表，以便于后续操作。
为什么浏览器不允许批量下载原始代码？
浏览器的限制导致用户只能逐个下载原始代码，而无法批量下载整个目录。
➡️
