转:
摘要:错误:jQuery.min.map 404 (Not Found),相信作为前端开发者经常看到这个错误,但由于对页面没有造成影响也就搁浅了。你真的忍心让这个错误显示在控制台吗?
打开谷歌浏览器(chrome)浏览网页时,Chrome的控制台中报了“GET http://网站域名/js/jquery.min.map 404 (Not Found)”的错误,并且这个错误提示在其它浏览器里(IE、FireFox等)不会显示!
错误原因:
以jQuery v1.9.1库版本为例:
- /*! jQuery v1.9.1 | (c) 2005, 2012 jQuery Foundation, Inc. | jquery.org/license
- //@ sourceMappingURL=jquery.min.map
由第二行代码导致!
解决办法:
方法一:如果你是开发者,建议下载jquery-1.9.1.min.map文件,放到和jquery库文件的同级目录里(注意版本要一致)
方法二:删掉第二行代码即可避免错误提示
方法三:如果想关掉错误提示,还可以在Chrome的Developer Tools的Setting中将Enable source maps取消勾选
那么第二行代码被注释屏蔽了为什么还会执行呢?原因在Source Map:
什么是Source Map
Source map是一个Json数据格式的信息文件,里面储存着位置信息。也就是说,它是压缩后Js的一个字典文件。有了它,出错的时候,调试工具将直接显示原始代码,而不是压缩后的代码。这无疑给开发者带来了很大方便,这就是为什么“方法一”要建议下载Map文件!
因为是Google自定义的规则,暂时只有基于Chromium开发的浏览器支持这个功能。