在 chrome 开发工具中加载远程源映射

Load remote source maps in chrome dev-tools

是否可以在 chrome 开发工具中加载远程源映射文件？

我的 js 文件包含 //# sourceMappingURL=file.js.map 。但这个文件实际上位于不同的位置（出于安全原因..）。

我可以手动告诉 chrome 开发工具源映射文件的位置吗？

所以这个问题的答案很简单。

  1. 转到 chrome 开发工具中的源选项卡并找到您的脚本
  2. 点击文件打开
  3. 不要使用漂亮的打印！如果你漂亮地打印，文件内容的上下文菜单会改变。
  4. 右击文件内容select"Add source maps..."
  5. 输入源映射文件位置（完整 URL 协议）