在 chrome 开发工具中加载单独的源映射文件答案

【问题标题】：Load separate sourcemap file in chrome dev tools在 chrome 开发工具中加载单独的源映射文件
【发布时间】：2016-03-09 07:33:57
【问题描述】：

是否可以加载不包含在网站上使用的缩小 JS 文件中的外部源映射文件 (JSON)？

到目前为止，我所知道的为特定 js 文件包含源映射的唯一方法是内联它、在 cmets 中添加链接或在 HTTP 标头中设置路径。

所以我想知道 - 是否可以加载无法通过 HTTP 访问的源映射文件？例如 - 从我的本地驱动器加载它，并将其指向它应该映射的 js 文件？

干杯

【问题讨论】：

【解决方案1】：

我知道问题很老，但我自己也有。以下是您在 Chromium 63 中的操作方法

使用隐藏源代码构建的 PS（单独的文件，无源代码注释）

PPS 与文件的托管位置无关，因为它是 URL。必须可以通过浏览器访问。

【讨论】：

我在 Chrome 71 中没有看到这个选项 - 它被删除了吗？
也许您可以添加一个步骤的项目符号列表，因为它发生了什么并不明显。也不清楚这是否也仅适用于在本地运行的网站。
这也适用于基于文件的路径，例如file:///C:/path/to/js.map.
@skeggse 有同样的问题，通过进入开发工具 Settings > Preferences > Sources 并启用 Enable JavaScript source maps 来修复它，然后出现 Add source map... 菜单项。
对我来说也一样，它什么也没做。尝试加载相对 URL、绝对 URL，甚至是我的代码位置的本地路径。他们都没有做任何事情，他们都没有添加任何我非常有效的文件。