从Google CDN重定向到非缩小jQuery的缩小jQuery



我正在从谷歌CDN加载缩小的jquery脚本,网址为//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js

然而,根据chrome开发工具,当我在浏览器上加载页面时,看起来好像正在加载标准的jquery(非缩小)文件。为什么会发生这种情况?jquery还试图加载一个不存在的图像(css/images/ui-bg_highlight-soft_100_eeeeee_1x100.png)

它实际上比重新定义和格式化代码更棒。

秘密是JavaScript源代码映射,它使开发人员能够将缩小后的文件链接到其原始源代码,以便调试器能够显示原始未加注释的代码
这里详细介绍了该技术:
http://devtoolsecrets.com/secret/debugging-use-javascript-source-maps.html

如果你去网络面板,你会看到加载的文件实际上是缩小的,如果你看这个文件的标题,它包含源映射声明:

/*! jQuery v1.10.2 | (c) 2005, 2013 jQuery Foundation, Inc. | jquery.org/license
//@ sourceMappingURL=jquery.min.map
*/

您的开发工具是否设置为"漂亮打印"?这将使用JavaScript代码,并添加换行符和适当的制表符间距,使代码看起来很漂亮,即使它可能不是。

最新更新