在chrome dev工具中加载单独的源图文件

Gre*_*reg 12 javascript google-chrome source-maps

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

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

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

干杯

And*_*rey 17

我知道问题已经过时了,但不过我自己也有.以下是您在Chromium 63中的使用方法

添加源地图

用隐藏源构建的PS(单独的文件,没有源注释)

  • 我没有在Chrome 71中看到此选项-是否已将其删除? (9认同)
  • 这也适用于基于文件的路径,例如 file:///C:/path/to/js.map。 (6认同)
  • @skeggse 我在 Chrome 101 上,我找到了它。1)您必须在设置中启用“源地图”。2)您应该右键单击代码本身并找到“添加源映射”。对我来说它位于 7 个选项的中间,而不是第一个! (4认同)
  • @skeggse 有同样的问题,通过进入开发工具“设置”>“首选项”>“源”并启用“启用 JavaScript 源映射”来修复它,然后出现“添加源映射...”菜单项。 (3认同)
  • 对我来说也是这样,没什么作用。尝试加载相对 URL、绝对 URL,甚至加载代码位置的本地路径。他们没有做任何事情,没有人添加我的任何非常有效的文件。 (3认同)

Aid*_*din 8

2022 年 8 月,Chrome 104:

  1. 打开 Chrome 开发工具
  2. 转到“来源”选项卡
  3. 找到.js您要查找的文件。点击它。
  4. 右键单击源上的某处。
  5. 在那里找到“添加源映射...”选项。

在此输入图像描述

(我首先将此作为对另一个答案的评论,但@christian-vincenzo-traina建议将其作为单独的答案。)