javascript - 在 chrome 开发工具中加载单独的 sourcemap 文件

Question

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

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

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

干杯

Answer 1

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

1. 打开调试器
2. 在源代码区右击
3. 选择“添加源映射…”
4. 输入源映射文件的 URL
   • 如果浏览器能够下载并处理它，那么源将作为条目出现在源树中。

使用隐藏源构建的 PS(单独的文件，无源注释)

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