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

Question

并非所有JavaScript文件都可以在Chrome Developer工具中看到。

谷歌浏览器是最新的。版本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 / *路径的Sources菜单下的Chrome Developer Tools中可见。自昨天以来，脚本的第二部分不可见。开发人员工具有什么问题？

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

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

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

Answer 1

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

Answer 2

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

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

Answer 3

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

Answer 4

我遇到了同样的问题，并尝试了提到的答案，但它转变为谷歌Chrome静默更新，需要重新启动，然后一切正常。

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

Answer 5

我遇到了一个未加载文件夹的问题，我通过以下方式解决了这个问题：

1. 在Sources模式下，单击蓝色突出显示的按钮：
2. 选择Open file。
3. 在搜索输入框中键入所需文件的名称。
4. 从结果列表中选择文件。

Answer 6

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

解决方案：我的修复方法是复制url地址并将其粘贴到新选项卡中并重新打开开发工具。原始标签以某种方式陷入了糟糕的状态。

Answer 7

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

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

Answer 8

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

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

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

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

Answer 9

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

Answer 10

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

Answer 11

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

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

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

Answer 12

就我而言，这是Chrome缓存问题。刷新对我不起作用。映射下面的文件后修复了我的问题

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

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

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

Answer 13

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

Answer 14

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