我在 //ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js 从 Google CDN 加载缩小的 jquery 脚本
但是,当我在浏览器上加载我的页面时,根据 chrome 开发人员工具,看起来好像正在加载标准 jquery(非缩小)文件。为什么会这样?jquery 还试图加载一个不存在的图像(css/images/ui-bg_highlight-soft_100_eeeeee_1x100.png)
它实际上比重新缩进和重新格式化代码更棒。
秘诀是JavaScript Source Map,它使开发人员能够将缩小的文件链接到其原始源,以便调试器能够显示原始无乱码的代码。
该技术在此处详细介绍: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 代码并添加换行符和适当的制表符间距,以使代码看起来很漂亮,即使它可能不是。