javascript - 为什么单个 document.write 语句同时加载 jquery 缩小文件和完整的 jquery 文件？

Question

我现在正在经历一个有趣的事实:

如果我写这个只加载 jQuery 缩小版本:

document.write('<script type="text/javascript" src="../rtvizion/Scripts/jquery-1.10.2.min.js"></script>');

正在加载两个版本的 jQuery 文件:

jquery-1.10.2.js
jquery-1.10.2.min.js

如 Google Chrome 资源中所示:

如果我注释掉 document.write 行，则不会加载任何 jQuery 文件。

我在加载这两个文件时遇到的问题是它在我自己的代码中创建了重复的对象/处理程序。

当然，我可以安全地删除未缩小的 (jquery-1.10.2.js)，因为我没有在任何地方使用/引用它，但我真的很好奇是什么导致了这种行为......

为什么会这样？

Answer 1

jQuery 使用 SourceMaps，这使您可以调试最小化的代码。

当您打开控制台并启用设置 General > Source : Enable JS source maps 时，chrome 会检查 SourceMap，并在 sourcemap 之外 creates maps到原始版本。

这就是您看到两个版本的原因。

您会看到这两个文件，因为最小化的文件可能包含多个文件，当启用源映射时，这些文件将显示为单独的文件。

编辑
源映射引用的文件不会立即加载，因此它们不会出现在网络选项卡中。只有在调试时显示内容时才会加载它们，并且只有在那时您才会在网络选项卡中看到它们。