文档章节

jQuery-1.9+.min.map 404 (Not Found) 错误,了解Source Ma

墨飞2015
 墨飞2015
发布于 2015/03/24 14:24
字数 369
阅读 729
收藏 3

当打开引入jQuery脚本的页面时,在Chrome的控制台中报了“GET http://localhost/libs/jquery.min.map 404 (Not Found)”的错误。

刚开始以为是Chrome安装插件导致的错误,可是把引入换成jQuery开发版本时,错误就不见了。并且只有Chrome会有这个错误提示,FireFox、IE不会报错。

后来发现原来是jQuery脚本中 "//@ sourceMappingURL=jquery-1.10.2.min.map" 这一行惹的祸。

如果是布置到生产环境中去,你可以把上面那行代码直接删掉。

如果是在开发环境中,你应该下载jquery-1.10.2.min.map文件,放到jQuery同级目录中去(需要对应的source map文件)。

如果想关掉错误提示,还可以在Chrome的Developer Tools的Setting中将Enable source maps取消选中。关闭SourceMap

为什么这行被注释掉的代码,会起作用呢?那么就需要了解一下什么是Source Map。

什么是Source Map

Source map就是一个Json格式的信息文件,里面储存着位置信息。也就是说,它是压缩后Js的一个字典文件。有了它,出错的时候,调试工具将直接显示原始代码,而不是压缩后的代码。这无疑给开发者带来了很大方便。

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

Source Map生成工具

Closure编译器


© 著作权归作者所有

共有 人打赏支持
下一篇: 随机色云标签
墨飞2015
粉丝 2
博文 22
码字总数 5150
作品 0
昌平
私信 提问
jquery-1.10.2.min.map is triggering a 404 (Not Found)问题的解决

当我们使用jquery.min.js时经常会出现 jQuery's jquery-1.10.2.min.map is triggering a 404 (Not Found)的错误(主要是使用chrome的开发者) mini.map是什么? min.map文件是在js为压缩文件时,...

coldlemon
2013/11/25
0
0
jQuery.extend 函数详解

JQuery的extend扩展方法: Jquery的扩展方法extend是我们在写插件的过程中常用的方法,该方法有一些重载原型,在此,我们一起去了解了解。 一、Jquery的扩展方法原型是:    extend(dest,...

谢锐旭
2012/11/27
0
0
jQuery.extend 函数各种用法

JQuery的extend扩展方法: Jquery的扩展方法extend是我们在写插件的过程中常用的方法,该方法有一些重载原型,在此,我们一起去了解了解。 一、Jquery的扩展方法原型是:    extend(dest,...

吟啸_徐行
2015/04/29
0
0
jQuery.extend 函数详解

JQuery的extend扩展方法: Jquery的扩展方法extend是我们在写插件的过程中常用的方法,该方法有一些重载原型,在此,我们一起去了解了解。 一、Jquery的扩展方法原型是: extend(dest,src1,sr...

i33
2012/10/10
0
0
jQuery.extend函数详解

jQuery.extend 函数详解 JQuery的extend扩展方法: Jquery的扩展方法extend是我们在写插件的过程中常用的方法,该方法有一些重载原型,在此,我们一起去了解了解。 一、Jquery的扩展方法原型...

kisshua
2011/08/31
0
0

没有更多内容

加载失败,请刷新页面

加载更多

AutoCAD_系统变量

https://baike.sogou.com/v53561514.htm?fromTitle=cad%E5%8F%98%E9%87%8F lunits 设置线性单位。1 科学 2 小数 3 工程 4 建筑 5 分数 6 windesk...

一个小妞
17分钟前
2
0
点播转码相关常见问题及排查方式

概述: 点播转码目前涉及用户上传自动触发转码、通过SubmitTranscodeJobs接口触发转码等方式,会出现用户转码失败的情况,这当中有用户源片的问题、也有用户设置转码参数的原因以及相关资源性...

阿里云云栖社区
19分钟前
1
0
图片base64预览及上传PHP处理

1、前端代码 <div id="img"/> <input type="file" id="img-select"/> <input type='button' id='submit'/> var newUrl; function imgPreview() {//将图片转成base64,实现预览效果 var file......

葬-花
20分钟前
0
0
Iris框架

1、安装iris: $ go get -u github.com/kataras/iris 2、golang iris web项目热重启 # 安装rizla包 $ go get -u github.com/kataras/rizla # 热重启方式启动iris项目 $ rizla main.go......

Liens
28分钟前
3
0
初探sentinel实践思考

简单说下, sentinel的优势: 友好的控制面板,支持实时监控 多种限流。支持QPS限流,线程数限流,多种限流策略,如:直接拒绝,匀速模式(漏斗),冷启动(如设置限制1000,延迟10秒,那第一...

爱吃大肉包
30分钟前
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部