Question

我正在使用NetBeans和Google Chrome进行C hrome debugging tutorial。包括扩展在内的所有内容似乎都能正常工作，但是当我到达Use the Debugger部分时，我看不到要插入断点的html代码。

在浏览器上选择检查弹出窗口后，它将在Console中打开，不显示任何内容，Elements显示popup.html并添加了图像。当我转到Sources时，可以打开文件popup.html，但唯一的第1行是空白。如果我打开js文件，js文件就在那里，可以编辑（断点）。

我很抱歉 - 可能是基本的东西，但我对此并不十分熟悉。我已经尝试重新加载并刷新所有内容。

FOLLOW-UP：通过在控制台提示符中输入location.reload(true)，popup.html文件变为Source！为什么？不知道。

我希望这可以节省一些人在我磕磕绊绊的一整天。

Answer 1

这似乎是带有Chromium DevTools的known issue。基本上，HTML和其他非脚本内容在DevTools打开之前已经被刷新，并且没有可靠的方法来恢复它。使用DevTools刷新页面＆＃34;更正＆＃34;这个问题。

Answer 2

我遇到了这个问题，并且刚刚发现禁用＆＃34;启用Javascript源地图＆＃34;从Inspector设置窗口（F1）解决了它

我重新创建了我的js.map，重新启用了设置，源仍然可用。

所以我认为我的问题是我正在提供未经通知的js（开发设置），但是地图（为prod设置而构建）仍然存在且已过时。

Answer 3

在我的情况下，我无法访问控制台，因为它的选项卡也显示空白页面。我的解决方案是使用CTRL + SHIFT + I与空白调试器屏幕组合，然后在弹出调试器的控制台中键入parent.location.reload(true)。

Answer 4

在我看来，订单提供的帮助是

关闭源代码中的空白标签
关闭开发工具
打开开发工具
打开源中的标签（仍然为空白）
刷新页面

Answer 5

在我的情况下，chrome中有一个扩展名，导致调试器将空白索引页放在＆＃34; no domain＆＃34;调试器的一部分。在禁用chrome中的所有非必要扩展后，调试器再次显示正确的源。

Answer 6

我注意到一些严重的javascript问题导致了这样的问题。就我而言，由于输入错误，我错误地覆盖了我的整个文档。

如果您在Chromium WebTools调试器中获得了一个空白的html页面，请仔细查看您的javascript以确保它没有做任何奇怪的事情。

Answer 7

我通过使用带命令行参数的全新会话来修复我的问题＆＃34; - user-data-dir＆＃34;，并禁用＆＃34;启用Javascript源地图＆＃34;。我的代码在Firefox调试器中显示正常，因此看起来像是由Chrome错误造成的。

Answer 8

开发工具（F12）->检查器设置窗口（F1）->恢复默认值并重新加载[底部的按钮]对我有用！

Answer 9

在我的情况下，它突然发生，我感染了恶意软件后我重置了我的浏览器 - 删除了缓存/ appdata。

<强>解决方案：在我的案例中删除可能影响Js的扩展名

我删除/禁用了以下扩展并且工作了 https://chrome.google.com/webstore/detail/quick-javascript-switcher/geddoclleiomckbhadiaipdggiiccfje?hl=en

奇怪，因为在我没有问题之前，我认为它就像心肺复苏一样。：）

Answer 10

在我的情况下，我对浏览器同步运行了几天。我蹦了一口气，解决了我的问题。

Answer 11

当我有一个巨大的java脚本文件时，我也有这个问题，我有这行

                points.push({
                    location: new google.maps.LatLng(46.5376919, 4.5425704),
                    date : "5/8/2017 5:11:00 PM",
                    free : true
                });

在for循环中它计算了3000个项目，因此文件在脚本中变大，并且文件在chrome源中是空白的。（我想我遇到了一些限制）

通过删除100个项目使文件变小后，它工作得很好。

Answer 12

我遇到了同样的问题，即我的HTML文档在“源”选项卡中为空白。我尝试了这里推荐的几个修复程序，但是没有一个起作用。 This suggestion甚至导致所有本地脚本消失。唯一对我有用的是从检查器窗口中按F5键。归功于this SO answer。

Chrome开发者工具：html脚本是空白的（在源代码中）调试教程

12 个答案: