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

时间:2015-12-04 11:17:28

标签: javascript google-chrome source-maps

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

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

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

干杯

1 个答案:

答案 0 :(得分:6)

我知道问题已经过时了,但我自己也有。以下是您在Chromium 63中的表现方式

Add source map

  1. 打开调试器
  2. 右键单击源代码区域
  3. 选择"添加源地图..."
  4. 输入源地图文件的URL
    • 如果浏览器能够下载并处理它,那么源将显示为源树中的条目。
  5. PS内置隐藏源(单独文件,无源注释)

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