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

我正在用NetBeans和googlechrome做C。一切，包括扩展，似乎都正常工作，但是当我进入

部分使用调试器时，我看不到插入断点的html代码

在浏览器上选择inspect popup后，它将在控制台中打开，不显示任何内容，元素显示popup.html并添加图像。当我转到源代码时，可以打开popup.html文件，但只有一行，即第1行是空的。如果我打开js文件，js文件就在那里，可以编辑（断点）

我很抱歉-可能是一些基本的东西，但我对此不是很有经验。我尝试过重新加载和刷新所有内容

后续操作：通过在控制台提示符中输入
location.reload（true）
，popup.html文件将显示为源代码！为什么？不知道

我希望这能让我一整天跌跌撞撞地四处走动的人省去一点麻烦。
这似乎是铬DevTools的一大难题。基本上，HTML和其他非脚本内容在DevTools打开之前就已经刷新了，并且没有可靠的方法将其恢复。用DevTools open刷新页面“纠正”了这个问题。
我注意到一些严重的javascript问题会导致类似的问题。在我的例子中，由于打字错误，我错误地覆盖了整个文档

如果您在Chromium WebTools调试器中得到一个空白html页面，请仔细查看您的javascript，确保它没有做任何奇怪的事情。
我遇到了这个问题，刚刚发现从Inspector设置窗口（F1）禁用“启用javascript源映射”解决了这个问题

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

我认为我的问题是，我在为未经修改的JS（DEV设置）服务，但是映射（为PRD设置而建）仍然存在和过时。在我的情况下，在Chrome中有一个扩展，导致调试器在调试器的“无域”部分下给出空白索引页。禁用chrome中所有非必要的扩展之后，调试器再次显示了正确的源代码。
我通过使用带有命令行参数--“user data dir”的全新会话，并禁用“Enable Javascript source Maps”，修复了我的问题。
我的代码在Firefox调试器中显示良好，因此看起来像是由Chrome bug引起的。
我也有同样的问题。甚至刷新页面都不起作用

正在进行<代码>chrome://help

刷新浏览器并重新启动对我来说很有效

您也可以通过菜单更新Chrome：

---

在我的例子中，我无法访问控制台，因为它的选项卡也显示了一个空白页。我的解决方案是使用Ctrl + Shift +i组合，在焦点中使用空白调试器屏幕，然后在弹出调试器的控制台中键入<代码>父位置.RealLoad（true）。在我的情况下，它突然发生，在我感染了恶意软件之后，我重新设置了浏览器删除的Cache /AppDATa. 解决方案： 在我的例子中删除可能影响Js的扩展

我移除/禁用了下面的扩展并工作

---

奇怪的是，在我毫无问题地保存那个插件之前，我认为它就像心脏复苏术一样。：）

在我的情况下，我喝了几天browsersync。我一口气解决了我的问题

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

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

---

通过删除100个项目使文件变小后，效果很好。

在我的情况下，订单是有帮助的

在源中关闭空白选项卡

关闭开发工具

开放式开发工具

打开“源”中的选项卡（仍为空）

刷新页面

---

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

我遇到了同样的问题，我的HTML文档在“源”选项卡中为空。我尝试了这里推荐的几种修复方法，但都不起作用。甚至导致所有本地脚本消失。唯一对我有用的是，在inspector窗口中，按F5键。归功于。

同意-我有问题，此修复程序已过期（针对以前的相同问题），或不起作用。我也有同样的问题。刷新页面无法解决此问题。您可以关闭开发人员工具，然后使用inspect元素选项重新打开它们，使其正常工作。这对我来说很有效。2017年12月仍然有效！Bug仍然存在-2019年5月location.reload（true）对我有效。是的，但这会重新加载页面，并丢失您在打开调试器之前可能在页面上进行的任何交互。我应该在哪里编写“location.reload（true）”，2019年仍然面临此问题！这是发生在最新版本的Chrome中，2019年10月，但是location.reload（true）技巧没有加载任何内容。顺便说一句，源代码窗口只显示行号1，没有其他内容。如果您注意到导致问题的扩展，那就太好了。许多扩展对您来说可能不是必需的，但对我来说却是必需的。这使得答案毫无价值。我不同意“毫无价值”。至少你知道检查插件。这是我的问题-在我的情况下，我安装了UltraSurf Unblock VPN扩展。在一个匿名窗口中打开本地调试页面会立即显示它。我必须承认，这是一个有点“durrr”的时刻：（哈哈！使用隐姓埋名为我修复了它。正如上面WillB的评论，这会重新加载页面，并在打开调试器之前丢失您在页面上可能有的任何交互。太棒了！经过两个小时的努力，这对我来说很有效。我不知道parent.location.reload意味着什么，但在几次chrome重新启动/硬引用之后，它解决了我的问题。）sh/清空chrome缓存数据！谢谢！很高兴我能提供帮助。它会重新加载父窗口（空白窗口）

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