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

Fos*_*sna 76 javascript debugging google-chrome google-chrome-devtools

并非所有JavaScript文件都在Chorme 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>
Run Code Online (Sandbox Code Playgroud)

脚本的第一部分在localhost/Scripts/*路径的Sources菜单下的Chrome Developer Tools中可见.自昨天以来,脚本的第二部分不可见.开发人员工具有什么问题?

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

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

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

小智 104

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

  • 这对我也有用.重新加载期间打开网络选项卡似乎会影响错误 (8认同)

Bre*_*dan 32

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

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


not*_*yle 15

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

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

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

                        $(option).appendTo(combo);
                    });
                }
Run Code Online (Sandbox Code Playgroud)

  • 这对于通过 AJAX 调用加载的脚本非常有效,该调用将拒绝在源面板中显示。由于 Chrome 在某种 VM 文件中运行它,因此将 `debugger;` 行强制 Chrome 打开 VM 文件。 (2认同)

小智 8

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


小智 5

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


Mar*_*cus 5

问题:我一直在开发/调试一段时间,然后我遇到了类似的问题。尽管我的控制台日志显示了行号,但当我点击它们时,我被带到了一个空白页面的第 1 行。我的脚本嵌入在 html 中,因此我可以在 Elements 选项卡中看到它们,但是当我在 Sources 选项卡中打开文件时,它只是空白。

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


Fos*_*sna -3

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

  • 我偶然发现了这个答案,您可以有选择地重置开发工具设置,而无需删除整个 Chrome 配置文件。按 F12,然后按 F1,页面底部有一个按钮,可以重置开发工具。 (4认同)