是否可以加载不包含在网站使用的压缩JS文件中的外部源代码映射文件（JSON）？
到目前为止，我所知道的仅有的几种在特定JS文件中包含源代码映射的方法是内联它、在注释中添加链接或在HTTP头中设置路径。
那么我想知道 - 是否可能加载无法通过HTTP访问的源代码映射文件？例如 - 从我的本地驱动器加载，并将其指向它应该映射的js文件？
干杯！
2个回答
55
我知道这个问题已经很老了，但是我仍然遇到了类似的问题。以下是在Chromium 63中的操作步骤：
- 打开调试器
- 在源代码区域右键单击
- 选择“添加源映射”
- 输入源映射文件的网址
- 如果浏览器能够下载并处理它，则源代码将作为源树中的条目显示。
PS 使用隐藏源码构建（分离的文件，没有源代码注释）
PPS 文件的托管位置不重要，因为它是URL。必须可被浏览器访问。
- Andrey
10
33我在 Chrome 71 中找不到这个选项，它被移除了吗？ - skeggse
4这也适用于基于文件路径的情况，例如file:///C:/path/to/js.map。 - whoasked
3@skeggse 遇到了同样的问题，通过进入开发工具设置>偏好设置>资源并启用启用JavaScript源映射来解决它，然后“添加源映射...”菜单项就会出现。 - Enchiridion
3我也一样，它什么也没做。尝试载入相对URL、绝对URL，甚至是指向我的代码位置的本地路径，但这些都没有起到任何作用，没有添加任何有效的文件。 - DiggyJohn
4@skeggse 我使用 Chrome 101 找到了。1) 必须在设置中启用“源映射”。2) 应该右键单击代码本身，然后找到“添加源映射”。对我来说，它在 7 个选项的中间，而不是第一个！ - Aidin
显示剩余5条评论
8
2022年8月，Chrome 104：
- 打开Chrome开发者工具
- 切换到"Sources"选项卡
- 找到你要查找的
.js文件。点击它。 - 右键单击源代码区域的某个位置。
- 在其中找到"Add source map..."选项。
（我最初是将此作为评论写的，针对其他答案，但是@christian-vincenzo-traina建议将其作为单独的答案。）
- Aidin
网页内容由stack overflow 提供, 点击上面的可以查看英文原文，
原文链接
原文链接