我先说一下什么是source map文件。
source map文件是js文件压缩后,文件的变量名替换对应、变量所在位置等元信息数据文件,一般这种文件和min.js主文件放在同一个目录下。
比如压缩后原变量是map,压缩后通过变量替换规则可能会被替换成a,这时source map文件会记录下这个mapping的信息,这样的好处就是说,在调试的时候,如果有一些JS报错,那么浏览器会通过解析这个map文件来重新merge压缩后的js,使开发者可以用未压缩前的代码来调试,这样会给我们带来很大的方便!
而这种还原性调试功能,目前只有chorme才具有,所以就会出现标题说的问题,我引入jquery-1.10.2.min.js的时候,在firefox下或者其他浏览器下是好的,在chorme下会报错找不到jquery-1.10.2.min.map文件,404,就是因为以上说的情况,jquery会检测浏览器是否支持source map功能,如果支持的话,那就去下载source map文件,而这个时候如果你引用的是官网的min.js那没问题,它会去自己的目录下找source map文件,而如果jquery.min.js文件在你的服务器上而服务器上又没有source map的话,那就会报错了,所以三种解决办法:一,引用官网文件 二,把source map文件下载下来放到服务器上(推荐) 三,把chorme文件的工具-->开发者工具-->设置-->Enable source maps勾去掉,去掉这个勾,jquery就不会去下载source map文件了!
希望可以帮助大家!
相关推荐
标题中的"jquery-1.10.2.min.js"是jQuery的一个特定版本,这个版本是1.10.2的压缩优化版,"min"表示它经过了最小化处理,旨在减小文件大小,提高页面加载速度,这对于优化用户体验至关重要。 jQuery的核心理念是...
jquery.min.map is a good
VS2013Web模板中的Script模块, _references.js bootstrap.js bootstrap.min.js jquery-1.10.2.js ...jquery-1.10.2.min.map modernizr-2.6.2.js respond.js respond.min.js WebForms文件夹下... 备份自用
这两个库都是基于jQuery库,其中jQuery-1.10.2.js是jQuery的一个版本,它为DOM操作、事件处理、动画效果以及Ajax交互提供了便利。 **Backbone.js** Backbone.js是一个轻量级的MVC(模型-视图-控制器)框架,主要...
Chrome 33.X-Chrome 32.X-Chromium 34.X更新日志:-1.5.0-Adiçãodo manifest-1.4.0-Adiçãode umaopçãocom maior largura para layouts fluidos -1.3.0-更改sourceMappingURL jquery-1.10.2.min.map进行jquery-...
项目中包含的几个JavaScript文件,如"jquery-1.10.2.min.js"(jQuery库)、"Draw.js"(可能用于图形绘制)、"opera_js.js"(可能是针对Opera浏览器的兼容性处理)、"htmljs.js"(HTML元素操作)以及"map1.js"(可能...
min-height:100%}#head{padding-bottom:100px;text-align:center;*z-index:1}#ftCon{height:100px;position:absolute;bottom:44px;text-align:center;width:100%;margin:0 auto;z-index:0;overflow:hidden}#ftConw{...