并非所有 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>
脚本的第一部分在 localhost/Scripts/* 路径的 Sources 菜单下的 Chrome 开发人员工具中可见。从昨天开始,脚本的第二部分就看不见了。开发者工具有什么问题?
JavaScript 控制台中没有错误。我可以在网络选项卡中看到对 JavaScript 文件的成功请求。所有 JavaScript 都已加载。应用程序工作正常。
开发者工具有什么问题?有人有想法吗?
如果我将本地主机“文件夹”添加到工作区,一切都是可见的,甚至是服务器端源文件。
在开发人员工具中打开网络选项卡并按 F5 刷新 - 感谢 @Seano666 对问题的评论
对我来说,我只需要打开开发人员工具设置并单击第一个选项卡中的“恢复默认值并重新加载”按钮。
然后我所有的本地脚本再次出现,调试恢复正常。
在脚本的任何部分添加 debugger;
指令,调试器将在此时停止并向您显示脚本,即使脚本是动态加载的。
onSuccess: function (result) {
debugger;
combo.empty();
$(result).each(function () {
var option;
option = document.createElement('option');
option.value = this.Id;
$(option).appendTo(combo);
});
}
debugger;
行会强制 Chrome 打开 VM 文件。
尝试右键单击开发者工具中的 reload
按钮。
您将获得一个可供选择的菜单:Empty Cache & Hard Reload
。
这对我有用。
问题:我已经开发/调试了一段时间,然后遇到了类似的问题。尽管我的控制台日志显示了行号,但当我单击它们时,我被带到了空白页的第 1 行。我的脚本嵌入在 html 中,所以我可以在 Elements 选项卡中看到它们,但是当我在 Sources 选项卡中打开文件时,它只是空白。
解决方案:对我来说,解决方法是复制 url 地址并将其粘贴到新选项卡中,然后重新打开开发工具。原来的标签不知何故进入了糟糕的状态。
我遇到了同样的问题,“空缓存和硬重新加载”对我有用。
我在未加载文件夹时遇到了同样的问题,我通过以下方式解决了它:
在 Sources 模式下,单击蓝色突出显示的按钮:选择 Open file。在搜索输入框中键入所需文件的名称。从结果列表中选择文件。
问题是由于网络映射和取消映射。 chrome 开发工具中有一些奇怪的错误会导致这些问题。有时您甚至可能会在侧栏中看到旧的 css 文件,并且当您从左侧栏打开 css 文件时。它只是空白,甚至更糟,甚至不可见。
即使我已经尝试了所有选项。重新启动,删除所有 chache,映射取消映射。隐身模式。但最终不得不重新安装才能进行此修复。
所以继续进行全新的 chrome 安装。一切都应该没问题。
原因是您的脚本文件尚未加载,使用 f5 刷新页面,您将看到源代码中列出的脚本。当您将脚本标签放在标签底部时,就会发生这种情况。
就我而言,这是 Chrome 缓存问题。刷新对我不起作用。映射下面的文件后解决了我的问题
1- 在浏览器上打开文件,例如 http://example.com/script.js
2- 添加一个版本,例如 http://example.com/script.js?v=2
这将清除缓存并且文件开始显示为可编辑。
我遇到了同样的问题并尝试了提到的答案,但结果是 Google Chrome 无声更新,需要重新启动,然后一切正常。
在您的 chrome URL 中输入 chrome://settings/help
并检查它是否需要重新启动。
如果你在 chrome 中调试,添加调试器;在要让浏览器停止调试的 javascript 中的前后语句
我遇到了同样的问题,我所做的只是删除本地 AppData 中的所有 Temp 文件,在您的个人资料名称下,例如 C:\Users\userprofile\AppData\Local\Temp
对我来说也是一个“映射和取消映射”的问题。我删除了所有映射,但网站下的文件夹不可见。
我的解决方案是:在开发工具的设置中转到“工作区”选项卡。还有一些映射。我全部删除了。重装后就好了。
由于javascript脚本标签内的拼写错误,我遇到了这个问题。
<script type="text/javsscript" src="./../js/lib/darkmodejs.min.js"></script>
问题是属性 type
内的拼写错误,然后我将其更改为:
<script type="text/javascript" src="./../js/lib/darkmodejs.min.js"></script>
它对我来说很顺利,有时问题很小,但影响更大。
就我而言,问题是我加载的 JavaScript 文件需要更长的时间(大约 5 分钟),所以它给我的印象是它们根本没有被加载。当我在很长一段时间后加载本地项目时,我已经看到了这种情况。一旦它们被加载,即使在我刷新页面后它们也会留在内存中。
所以我遇到了同样的问题,但我的解决方案是因为我有 <script> src="script.js"</script>
而不是 <script src="script.js">
。一旦我解决了这个问题,文件就会正确加载。
我重新安装了 Chrome 并删除了 Chrome 配置文件数据。现在可以了。
按 F12,然后按 F1,在页面底部有一个按钮,它只会重置开发工具。为我工作。该应用程序没有很好地显示 UI,并且 UI 正在弹跳。