javascript - Chrome 是否尝试将 "unbundle"JavaScript 源代码放入其原始文件中以在调试器中显示？

Question

我正在开发一个由其他人编码的 Web 应用程序。加载索引页面，如果我打开 Chrome 调试器并查看“源”选项卡，我会看到以下内容(请注意以蓝色突出显示的文件):

我正在尝试理解这些蓝色突出显示的文件。它们不包含在我的项目中的任何位置，而且我什至没有 E 驱动器。即使在清除缓存之后，它们似乎也不会在“网络”选项卡上的任何请求中下载。绿色突出显示的文件按预期出现在“脚本”文件夹中，并从我的 HTML 中引用。

Firefox/Firebug 没有显示这些额外蓝色文件的任何迹象。

如果我打开 helix.container.js(上面的绿色文件)，那么对于每个蓝色文件，我都会看到这样的代码，后面是该文件的源代码:

function(require,module,exports){
/**
 * Helix.Ajax.js
 */
...

看来 helix.container.js 是所有蓝色文件的 bundle 版本。那么 Chrome 是否以某种方式知道这一点，并尝试将其“解绑”回其原始文件以在调试器中显示？如果是这样，路径“e:\builds”来自哪里？可以禁用吗？有文档吗？

有人能解释一下这种行为吗？

这里使用的是 Chrome 30.0.1599.101。

Answer 1

我相信您正在寻找源 map :

http://www.html5rocks.com/en/tutorials/developertools/sourcemaps/