为什么我在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的和未组合的文件。 (在这里阅读更多)