Chrome开发人员工具：HTML脚本为空（源代码中）调试教程

我正在使用NetBeans和Google Chrome浏览器进行C rome调试教程。包括扩展程序在内的所有内容似乎都可以正常运行，但是当我转到section时Use the Debugger，我看不到用于插入断点的html代码。

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

很抱歉-可能是一些基本的知识，但是我对此并不十分了解。我尝试重新加载并刷新所有内容。

location.reload(true)跟进：通过进入控制台提示符，popup.html文件作为“源”可见！为什么？不知道。

我希望这可以节省我度过整整一整天的时间。

这似乎是Chromium DevTools的已知问题。基本上，HTML和其他非脚本内容在DevTools打开之前已经被刷新，并且没有可靠的方法可以将其取回。使用DevTools刷新页面可“纠正”该问题。

就我而言，命令帮助的是

1. 关闭源中的空白标签
2. 关闭开发工具
3. 打开开发工具
4. 在源代码中打开标签页（仍为空白）
5. 刷新页面

我遇到了这个问题，并且刚刚发现从Inspector设置窗口（F1）禁用“启用Javascript源映射”可以解决此问题

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

所以我认为我的问题是我在使用未缩小的js（开发设置），但是地图（为产品设置构建）仍然存在且已过期。

就我而言，我无法访问控制台，因为它的选项卡还显示了一个空白页。我的解决方案是将CTRL + SHIFT + I组合与空白调试器屏幕一起使用，然后键入parent.location.reload(true)弹出式调试器的控制台。

在我的情况下，chrome中有一个扩展，导致调试器在调试器的“无域”部分下提供空白索引页。在禁用chrome中所有非必需的扩展名之后，调试器再次显示正确的源。

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

我注意到一些严重的javascript问题会导致此类问题。就我而言，由于打字错误，我错误地覆盖了我的整个文档。

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

我通过使用带有命令行参数“ --user-data-dir”的全新会话并禁用了“启用Javascript源映射”来解决我的问题。我的代码在Firefox调试器中正常显示，因此看起来是由Chrome错误引起的。

我有同样的问题。即使刷新页面也无法正常工作。

去chrome://help刷新浏览器并重新启动对我来说是可行的。

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

就我而言，这是突然发生的，因为我感染了恶意软件并重置了浏览器-删除了缓存/应用数据。

解决方案： 删除可能会影响我的Js的扩展名

我删除/禁用了以下扩展名，并已 https://chrome.google.com/webstore/detail/quick-javascript-switcher/geddoclleiomckbhadiaipdggiiccfje?hl=zh-CN

奇怪的是，在我毫无问题地冲洗附件之前，我认为它就像心肺复苏一样。:)

就我而言，我已经在浏览器同步上运行了几天。我蹦蹦跳跳地解决了问题。

当我有一个巨大的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个项目来缩小文件大小后，它可以正常工作。