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

Question

并非所有JavaScript文件都在Chorme Developer工具中可见。

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 / * path的Sources菜单下的Chrome Developer Tools中可以看到脚本的第一部分。自昨天以来，脚本的第二部分不可见。开发人员工具有什么问题？

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

开发人员工具有什么问题？有没有人有想法？

如果我添加localhost＆＃34;文件夹＆＃34;到工作区，一切都是可见的，甚至是服务器端的源文件。

Answer 1

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

Answer 2

对我来说，我只需打开开发人员工具设置，然后单击第一个选项卡中的“恢复默认值并重新加载”按钮。

然后我的所有本地脚本再次出现，调试恢复正常。

Answer 3

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

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

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

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

Answer 4

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

Answer 5

我遇到了同样的问题，“空缓存和硬重载”对我有用。

Answer 6

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

即使我已尝试过所有选项。 重新启动，删除所有chache，映射取消映射。隐身模式。 但最终不得不重新安装才能做到这一点。

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

Answer 7

就我而言，这是Chrome缓存问题。刷新对我没有用。映射下面的文件后，解决了我的问题

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

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

这将清除缓存，文件开始显示为可编辑状态。

Answer 8

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

Answer 9

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

我的解决方案是：在开发工具的设置中转到“工作区”选项卡。 还有一些映射。我删除了所有。重装后没事。

Answer 10

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

Answer 11

我重新安装了Chrome，删除了Chrome个人资料数据。它现在有效。

Answer 12

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

Answer 13

我遇到了同样的问题，并尝试了提及的答案，但事实证明，谷歌浏览器无提示更新，需要重新启动它，然后一切正常。

在Chrome网址中输入chrome://settings/help，然后检查是否需要重新启动。

Answer 14

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

1. 在Sources模式下，单击蓝色突出显示的按钮：

   

2. 选择Open file。

3. 在搜索输入框中键入所需文件的名称。

4. 从结果列表中选择文件。

Answer 15

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

解决方案：对我来说，解决方法是复制url地址并将其粘贴到新标签页中，然后重新打开开发工具。原始标签页不知何故进入了不良状态。

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

就我而言，问题是我原本要花费更长的时间（大约5分钟）加载JavaScript文件，因此给我的印象是它们根本没有加载。 我已经看到很长时间以后加载本地项目时会发生这种情况。加载它们后，即使我刷新页面后，它们仍保留在内存中。