Chrome 开发者工具不再显示所有 JavaScript 文件

Question

Chorme 开发者工具不再显示所有 JavaScript 文件。

Google Chrome 是最新的。版本 44.0.2403.130 m 应用程序的调试版本。脑子里的脚本。

<script src="/Scripts/jquery-ui-1.8.24.js"></script>
<script src="/Scripts/jquery.validate.js"></script>

...

<script src="/Client/Statics/GuiContainers.js"></script>
<script src="/Client/ClientDAL.js"></script>
<script src="/Client/ClientLayoutUpdater.js"></script>
<script src="/Client/ClientRenderer.js"></script>
<script src="/Client/ControllerLocator.js"></script>

脚本的第一部分在 localhost/Scripts/* 路径的源菜单下的 Chrome 开发者工具中可见。脚本的第二部分从昨天开始就不可见了。开发者工具有什么问题？

JavaScript 控制台中没有错误。我可以在网络选项卡中看到对 JavaScript 文件的成功请求。所有 JavaScript 已加载。应用程序工作正常。

开发者工具有什么问题？有人有想法吗？

如果我将 localhost "folder" 添加到工作区，一切都可见，甚至是服务器端源文件。

Answer 1

我重新安装了 Chrome 并删除了 Chrome 配置文件数据。现在可以了。

Answer 2

问题是由于网络映射和取消映射引起的。 chrome 开发工具中存在一些导致此类问题的奇怪错误。有时您甚至可能会在侧边栏中看到旧的 css 文件当您从左侧栏打开 css 文件时。它只是空白甚至更糟，甚至不会被看到。

连我都试过了。重新启动，删除所有缓存，映射取消映射。隐身模式。但最终不得不重新安装以进行此修复。

所以请继续进行全新的 chrome 安装。一切都应该很好。

Answer 3

我遇到了同样的问题，我所做的只是删除本地 AppData 中的所有临时文件，在您的个人资料名称下，例如 C:\Users\userprofile\AppData\Local\Temp

Answer 4

我遇到了同样的问题，"Empty cache and hard reload" 对我有用。

Answer 5

在开发人员工具中打开网络选项卡并按 F5 刷新 - 感谢@Seano666 对问题的评论

Answer 6

对我来说也是一个 'mapping and unmapping' 问题。我删除了所有映射，但网站下的文件夹不可见。

我的解决方案是：在开发工具的设置中转到 "Workspace" 选项卡。仍然有一些映射。我全部删除了。重新加载后就可以了。

Answer 7

尝试右键单击开发人员工具中的 reload 按钮。
您将获得一个菜单，您可以从中进行选择：Empty Cache & Hard Reload.
这对我有用。

Answer 8

对我来说，我只需打开开发人员工具设置并单击第一个选项卡中的 "Restore defaults and reload" 按钮。

然后我所有的本地脚本又出现了，调试也恢复正常了。

Answer 9

在脚本的任何部分添加 debugger; 指令，调试器将在此时停止并显示脚本，即使脚本是动态加载的。

                onSuccess: function (result) {
                    debugger;
                    combo.empty();
                    $(result).each(function () {
                        var option;

                        option = document.createElement('option');
                        option.value = this.Id;

                        $(option).appendTo(combo);
                    });
                }

Answer 10

原因是您的脚本文件尚未加载，使用 f5 刷新页面，您将看到源中列出的脚本。当您将脚本标签放在标签底部时会发生这种情况。

Answer 11

在我的例子中是 Chrome 缓存问题。刷新对我不起作用。映射下面的文件后解决了我的问题

1- 在浏览器上打开文件，例如http://example.com/script.js

2- 添加一个版本，例如http://example.com/script.js?v=2

这会清除缓存并且文件开始显示为可编辑。

Answer 12

我遇到了同样的问题并尝试了提到的答案，但结果 Google Chrome 静默更新，需要重新启动然后一切正常。

在 chrome URL 中输入 chrome://settings/help 并检查是否需要重新启动。

Answer 13

我遇到了文件夹未加载的相同问题，我通过以下方式解决了该问题：

在Sources模式下，点击蓝色高亮按钮：
Select Open file.
在搜索输入框中输入想要的文件名。
Select 结果列表中的文件。

Answer 14

问题：我developing/debugging已经有一段时间了，然后我遇到了类似的问题。尽管我的控制台日志显示了行号，但当我单击它们时，我被带到了空白页的第 1 行。我的脚本嵌入在 html 中，因此我可以在“元素”选项卡中看到它们，但是当我在“源”选项卡中打开文件时，它只是空白。

解决方案：我的解决方法是复制url 地址并将其粘贴到新选项卡 并重新打开开发工具。原来的标签不知何故进入了一个糟糕的状态。

Answer 15

如果在chrome中调试，添加调试器；在 javascript 之前和之后的语句，您希望浏览器停止调试的位置

Answer 16

由于 javascript 脚本标签内的拼写错误，我遇到了这个问题。

<script type="text/javsscript" src="./../js/lib/darkmodejs.min.js"></script>

问题是属性 type 内的拼写错误，然后我将其更改为：

<script type="text/javascript" src="./../js/lib/darkmodejs.min.js"></script>

对我来说很顺利，有时问题很小但影响更大。

Answer 17

就我而言，问题是我拥有的 JavaScript 文件加载时间更长（大约 5 分钟），所以给我的印象是它们根本没有加载。我在很长一段时间后加载本地项目时看到过这种情况。加载后，即使我刷新页面，它们也会保留在内存中。

Answer 18

所以我遇到了同样的问题，但我的解决方案是因为我有 <script> src="script.js"</script> 而不是 <script src="script.js">。一旦我解决了这个问题，文件就正确加载了。

Answer 19

按 F12，然后按 F1，页面底部有一个用于重置开发工具的按钮。为我工作。应用程序没有很好地显示 UI，并且 UI 正在跳动。

Chrome 开发者工具不再显示所有 JavaScript 文件

Chrome developer tools do not show all JavaScript files any more

javascript

debugging

google-chrome

google-chrome-devtools