36

我正在使用这三个 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 中看不到这个。

关于它为什么要寻找这个文件的任何想法?

4

2 回答 2

65

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

源映射文件是一种将组合/缩小文件映射回未构建状态的方法。当您为生产而构建时,连同压缩和组合 JavaScript 文件,您会生成一个包含原始文件信息的源映射。当您在生成的 JavaScript 中查询某个行号和列号时,您可以在返回原始位置的源映射中进行查找。开发人员工具(当前为 WebKit nightly builds、Google Chrome 或 Firefox 23+)可以自动解析源映射并使其看起来好像您正在运行未压缩和未组合的文件。

更多信息在这里

于 2013-08-22T13:35:44.543 回答
3

找不到文件:404 将仅在浏览器开发人员工具中显示。如果未打开开发人员工具,则无法从浏览器访问源映射文件

您可以通过删除该行来删除 404

//@ sourceMappingURL=jquery-1.x.xmin.map

从 jQuery 文件的顶部(或注释中提到的@ittradco 底部)开始。

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 nightly builds、Google Chrome 或 Firefox 23+)可以自动解析源映射并使其看起来好像您正在运行未压缩和未组合的文件。(在此处阅读更多信息)

于 2015-07-22T20:28:59.327 回答