寻找 会’偷懒’的开发者线下公开课，报名即享受免费体验云主机

当我们使用jquery.min.js时经常会出现  
jQuery's jquery-1.10.2.min.map is triggering a 404 (Not Found)的错误(主要是使用chrome的开发者)  

mini.map是什么?   
min.map文件是在js为压缩文件时，为还原原有未压缩js文件中相关变量而存在的伴侣文件,部分浏览器实现了该技术,如chrome，因此在这些浏览器中请求压缩的js时便会请求source map即mini.map文件,这些浏览器应该都有开关可以控制是否进行source map文件请求,chrome就有这个开关;  
   

压缩的js如何匹配min.map?   
压缩的js中会增加一个注释行来指定所需的min.map;  

Js代码 

1. //@ sourceMappingURL=jquery-1.10.2.min.map  

知道了如上信息，当出现jQuery's jquery-1.10.2.min.map is triggering a 404 (Not Found)错误时，我们可以有如下方法来解决这个问题; 

• 1.使用非压缩的js文件,但是非压缩js较大,会影响传输速度;
• 2.从jquery官网下载min.map文件,chrome默认打开了source map下载开关,这种情况下的下载量也会大于单个压缩js文件,并且会产生min.map文件下载的开销;
• 3.自己创建一个空的min.map文件,名字命名为压缩js中的min.map文件名称,这种情况下回产生一次额外的min.map下载开销,与从官网下载不同的是,只会产生网络链接开销,文件传输开销可以忽略;
• 4.浏览器关闭下载source map选项,掩耳盗铃的方式,普通的chrome用户是不会去关闭这个选项的因此还会报警;
• 5.从压缩的js中删除min.map文件引用,即删除注释//@ sourceMappingURL=jquery-1.10.2.min.map,这是一个最优方案;
•  如果在jquery的js文件里删除了它,还会报这个错,看其它的js里面有没有类似于//@ sourceMappingURL=jquery-1.10.2.min.map的代码

这个到底是什么东西？查询了一下，得到了以下资料

• JQuery 官方解释

摘录一下內容

从 jQuery 1.9.0 版本后在原始代码里会有 @ sourceMappingURL=jquery.min.map

什么是Source map

简单说，Source map就是一个信息文件，里面存储着位置信息。也就是说，转换后的代码的每一个位置，所对应的转换前的位置。

有了它，出错的时候，除错工具将直接显示原始代码，而不是转换后的代码。这无疑给开发这带来了很大方便。

导致  jquery.min.map 404 原因

更新后 Chrome 自行开启了 Enable source maps 的选项但你又沒有放 Source map 导致找不到档案。

解决办法

解決方式1.

将 Developer Tools ->设置 Enable source maps 关闭

解決方式2.

下载同一版本的 source maps跟jquery.js同目录

source maps 会跟 jquery 同位置

Jquery 位置 http://code.jquery.com/jquery-1.10.2.min.js

source maps 位置  http://code.jquery.com/jquery-1.10.2.min.map

【错误报告】jQuery.min.map 404 (Not Found)的解决办法

打开谷歌浏览器（chrome）浏览网页时，Chrome的控制台中报了“GET http://网站域名/js/jquery.min.map 404 (Not Found)”的错误，并且这个错误提示在其它浏览器里（IE、FireFox等）不会显示！

错误原因：

以jQuery v1.9.1库版本为例：

1. /*! jQuery v1.9.1 | (c) 2005, 2012 jQuery Foundation, Inc. | jquery.org/license 
2. //@ sourceMappingURL=jquery.min.map 

由第二行代码导致！

解决办法：

方法一：如果你是开发者，建议下载jquery-1.9.1.min.map文件，放到和jquery库文件的同级目录里（注意版本要一致）

方法二：删掉第二行代码即可避免错误提示
如果在jquery的js文件里删除了它,还会报这个错,看其它的js里面有没有类似于//@ sourceMappingURL=jquery.min.map 的代码

方法三：如果想关掉错误提示，还可以在Chrome的Developer Tools的Setting中将Enable source maps取消勾选

那么第二行代码被注释屏蔽了为什么还会执行呢？原因在Source Map：

什么是Source Map

Source map是一个Json数据格式的信息文件，里面储存着位置信息。也就是说，它是压缩后Js的一个字典文件。有了它，出错的时候，调试工具将直接显示原始代码，而不是压缩后的代码。这无疑给开发者带来了很大方便，这就是为什么“方法一”要建议下载Map文件！

因为是Google自定义的规则，暂时只有基于Chromium开发的浏览器支持这个功能。