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


86

并不是所有的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 / *路径上“源”菜单下的Chrome开发人员工具中看到脚本的第一部分。自昨天以来,脚本的第二部分不可见。开发人员工具有什么问题?

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

开发人员工具有什么问题?有人有主意吗?

如果我将localhost“文件夹”添加到工作区中,则所有内容都是可见的,甚至是服务器端的源文件。


10
使用开发人员工具中的“网络”标签,并刷新页面,以确定页面加载时是否实际加载了js文件。
Seano666

@ Seano666我做到了。根据您的评论澄清问题的解释。谢谢。
福斯纳2015年

2
将console.log放在源文件中,刷新页面,您将获得console.log,然后可以从console单击源。
SilentTremor

如果没有控制台日志,则意味着您的源文件未从您期望的位置加载。
SilentTremor

@SilentTremor好主意。谢谢。来自console.log()参数的消息旁边的文件名是VM254 DdiClientMain.js:17。我想知道这意味着什么吗?
福斯纳2015年

Answers:


114

在开发人员工具中打开“网络”标签,然后按F5键进行刷新-感谢@ Seano666对问题的评论


9
这也对我有用。重新加载过程中打开网络选项卡似乎会影响该错误
CodeToad

专家提示:您可以按“类型”排序对页面上加载的所有内容进行排序,这样所有脚本都将一起列出
-Novastorm

打开Devtools对我来说很好。无需打开“网络”选项卡。
Surjith SM

哇,这行得通。您甚至是如何找到此解决方案的?:P
Gokul NK

此错误仍然版本77.0.3865.90(正式版本)(64位)存在
马库斯·泽勒

40

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

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


21

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

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

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

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

2
这对于通过AJAX调用加载的脚本非常有效,该脚本拒绝在源面板中显示。由于Chrome浏览器在某种VM文件中运行它,因此放置该debugger;行迫使Chrome打开VM文件。
詹姆斯·豪格'18

@JamesHaug实际上,这是我可以调试动态加载的脚本的唯一方法,无论是通过框架加载还是通过注入
bigpony

这对我有用,但是如果我没有“调试器”,它仍然不会显示。
史蒂夫

10

尝试右键单击reload开发人员工具中的按钮。
您会从菜单中选择:Empty Cache & Hard Reload
那对我有用。


这对我也适用。另外,即使在刷新之前,我也可以在“应用程序”标签下找到丢失的脚本。
knopch1425

4

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


为我工作,无需重新安装chrome
Dimitry K

3

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

解决方案:对我来说,解决方法是复制URL地址并将其粘贴到新选项卡中,然后重新打开开发工具。原始标签页已进入某种状态。


确实。我有完全一样的问题。重新启动Chrome,此问题已解决。
Rustem Zinnatullin

2

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

即使我尝试了所有选项。重新启动,删除所有队列,映射取消映射。隐身模式。但是最后不得不重新安装才能进行此修复。

因此,继续进行全新的Chrome安装。一切都应该很好。


2

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

  1. Sources模式下,单击蓝色突出显示的按钮:

    在此处输入图片说明

  2. 选择Open file

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

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


1

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



1

如果您正在使用chrome进行调试,请添加调试器;您要在浏览器中停止调试的javascript之前和之后的语句


0

我已经重新安装了Chrome,并删除了Chrome个人资料数据。现在可以使用了。


1
在哪里可以有选择地删除chrome dev工具的配置文件数据?不想丢失完整的历史记录和书签等。
亚历克斯

3
我偶然发现了这个答案,您可以选择重置开发工具设置,而无需删除整个Chrome配置文件。按F12键,然后按F1键,在页面底部是一个按钮,该按钮将重置开发工具。
Michael Thessel '16

多亏了Michael Tessel-出于晦涩的原因,我的chrome开发人员开始只显示较少的文件(这使得调试非常困难)。我重置了devtool设置,一切再次正常!:-)
Hasse

0

我遇到了同样的问题,我所做的就是删除您的配置文件名称下的本地AppData中的所有Temp文件,例如C:\ Users \ userprofile \ AppData \ Local \ Temp


0

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

对我来说,解决方案是:在开发工具的设置中,转到“工作区”选项卡。仍然有一些映射。我删除了所有。重新加载后还可以。


0

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

输入chrome://settings/help您的Chrome网址,然后检查是否需要重新启动。


0

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

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

问题是attribute内的拼写错误type,然后我将其更改为:

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

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


0

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

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.