为什么我在Chrome中收到“jquery.mobile-1.3.2.min.map file not found”消息?
我正在使用这三个CDN文件,正如JQM文档中的build议:
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css" /> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
我很困惑,为什么我在Chrome的“networking”标签下find了404找不到的状态。 似乎是看jQuery的移动min.map文件。 我没有在Firefox中看到这个。
任何想法,为什么它正在寻找这个文件?
Google Chrome DevTools可能启用了“启用源地图”选项。 检查您的设置菜单,然后检查一般和来源。
源映射文件是将组合/缩小文件映射回未构build状态的一种方法。 当您为生产而构build时,同时缩小和组合您的JavaScript文件,您将生成一个包含原始文件信息的源地图。 当您在生成的JavaScript中查询特定的行和列号时,可以在返回原始位置的源地图中执行查找。 开发人员工具(目前WebKit每晚构build,Google Chrome或Firefox 23+)可以自动parsing源映射,并使其看起来好像运行的是未logging的和未组合的文件。
更多信息在这里 。
没有find文件:404只会在浏览器开发者工具中显示。 如果开发者工具没有打开,则源代码文件将不会从浏览器访问
您可以通过删除行来删除404
//@ sourceMappingURL=jquery-1.x.xmin.map
从你的jQuery文件的顶部。
jQuery文件的顶部将如下所示。
/*! jQuery v1.10.2 | (c) 2005, 2013 jQuery Foundation, Inc. | jquery.org/license //@ sourceMappingURL=jquery-1.xxmin.map */
把它改成
/*! jQuery v1.10.2 | (c) 2005, 2013 jQuery Foundation, Inc. | jquery.org/license */
源地图的用途
基本上,这是一种将组合/缩小文件映射回未构build状态的方法。 当您为生产而构build时,同时缩小和组合您的JavaScript文件,您将生成一个包含原始文件信息的源地图。 当您在生成的JavaScript中查询特定的行和列号时,可以在返回原始位置的源地图中执行查找。 开发人员工具(目前WebKit每晚构build,Google Chrome或Firefox 23+)可以自动parsing源映射,并使其看起来好像运行的是未logging的和未组合的文件。 (在这里阅读更多)