Question

我正在使用这三个CDN文件，正如JQM文档入门中所建议的那样：

<!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的“网络”标签下获得了404 Not found状态。似乎是在寻找jquery mobile min.map文件。我在Firefox中没有看到这一点。

有关为什么要查找此文件的任何想法？

Answer 1

您的Google Chrome DevTools可能启用了“启用源地图”选项。检查“设置”菜单，然后选择“常规”和“来源”。

源映射文件，它是将组合/缩小文件映射回未构建状态的方法。当您为生产构建时，以及缩小和组合JavaScript文件，您将生成一个源映射，其中包含有关原始文件的信息。在生成的JavaScript中查询某个行和列号时，可以在源映射中执行查找，该映射将返回原始位置。开发人员工具（目前是WebKit每晚构建，谷歌浏览器或Firefox 23+）可以自动解析源地图，使其看起来像是在运行未经组合和未组合的文件。

更多信息here。

Answer 2

找不到文件：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.x.x.min.map
*/

只需将其更改为

即可

/*! jQuery v1.10.2 | (c) 2005, 2013 jQuery Foundation, Inc. | jquery.org/license */

源地图的目的

基本上，它是将组合/缩小文件映射回未构建状态的方法。当您为生产构建时，以及缩小和组合JavaScript文件，您将生成一个源映射，其中包含有关原始文件的信息。在生成的JavaScript中查询某个行和列号时，可以在源映射中执行查找，该映射将返回原始位置。开发人员工具（目前是WebKit每晚构建，谷歌浏览器或Firefox 23+）可以自动解析源地图，使其看起来好像您正在运行未组合和未组合的文件。（详细了解here）

为什么我得到＆＃34; jquery.mobile-1.3.2.min.map文件未找到n＃34; Chrome中的消息

2 个答案:

源地图的目的