javascript - Chrome 开发人员工具源未正确显示 javascript 文件

Question

我对 JavaScript、jQuery 和 JSON 浏览器调试还很陌生。但我确实知道 chrome 开发工具中的“源”选项卡应该让我在浏览器中查看我的 JavaScript 文件，这样我就可以设置和管理我的断点并有效地调试我的代码。

但是，当我按 Ctrl + Shift + I 打开 chrome 开发工具时，我无法在“源”选项卡下看到我的 javascript 文件列表。

我只是以...的形式出现

jslib.axd?=jquery-.7.2.min.js,query.validate.min.js,MyRegion.js,MyCountry.js,MyCategory.js

...这看起来像是我所有 javascript 文件的串联列表。但我期望看到的是我的每个 javascript 文件的列表。

截图:

Answer 1

您似乎使用了压缩工具来组合所有 javascript 文件。您看到的不是 Chrome 中的错误 - 它只是您的所有脚本文件合并为一个。

如果您仍在开发中，只需关闭用于压缩它们的任何工具(至少在您完成开发工作之前)。这将允许您的脚本在页面上单独加载。

然后您可以使用 chrome 开发工具查看列出的每个文件。