Chrome开发者工具：html脚本是空白的（在源代码）debugging教程
我正在使用NetBeans和Google Chrome进行C ++debugging教程 。 包括扩展在内的所有东西似乎都能正常工作，但是当我到达Use the Debugger部分时，我看不到插入断点的HTML代码。
在浏览器上select“检查”popup窗口后，它将在控制台中打开，显示内容不显示，元素显示popup.html并添加了图像。 当我去到Sources时，可以打开popup.html文件，但唯一的行1是空的。 如果我打开js文件，js文件就在那里，可以编辑（打破指向）。
我很抱歉 – 可能是一些基本的，但我不是很有经验。 我已经尝试重新加载和刷新一切。
后续操作：通过在控制台提示符中inputlocation.reload(true) ，popup.html文件成为Source！ 为什么？ 不知道。
我希望这能够拯救一个人整整一天在我身边徘徊。
这似乎是Chromium DevTools的一个已知问题 。 基本上，在DevTools打开之前，HTML和其他非脚本内容已经被刷新了，没有可靠的方法让它恢复。 使用DevTools打开页面刷新“纠正”问题。
我有这个问题，刚刚发现从检查器设置窗口（F1）禁用“启用Javascript源地图”解决了它
我重新创build了我的js.map，重新启用了设置，源文件仍然可用。
所以我认为我的问题是我服务的是未知的js（开发设置），但是地图（为prod设置构build）仍然存在并且过时。
在我的情况下，chrome中有一个扩展，导致debugging器在debugging器的“no domain”部分下给出空白索引页面。 在禁用所有非必需的扩展之后，debugging器再次显示正确的源代码。
我通过使用命令行参数“–user-data-dir”的全新会话解决了我的问题，并禁用了“启用JavaScript源地图”。 我的代码在Firefoxdebugging器中显示得很好，所以看起来像是由Chrome bug引起的。
我注意到一些严重的JavaScript问题导致这样的问题。 就我而言，由于input错误，我错误地覆盖了整个文档。
如果您在Chromium WebToolsdebugging器中获得空白的HTML页面，请仔细阅读您的JavaScript，以确保它没有任何奇怪之处。
在我的情况下，我无法访问控制台，因为它的选项卡也显示一个空白页面。 我的解决scheme是在空白debugging器屏幕上使用CTRL + SHIFT + I组合，然后在popupdebugging器的控制台中键入parent.location.reload(true) 。
我有同样的问题。 即使刷新页面也没有奏效。
去chrome://help和刷新浏览器+重新启动为我工作。
您也可以通过菜单更新Chrome：
在我的情况下，它突然间发生，我感染了恶意软件，我重置我的浏览器 – 删除caching/ appdata。
解决scheme：删除在我的情况下可能会影响Js的扩展名
我删除/禁用了下面的扩展，并工作https://chrome.google.com/webstore/detail/quick-javascript-switcher/geddoclleiomckbhadiaipdggiiccfje?hl=en
奇怪，因为在我没有问题的前提下，我认为它就像心肺复苏一样。 🙂
在我的情况下，我喝了几天浏览器同步运行。 我反弹了一口气，解决了我的问题。
我也有这个问题，当我有一个巨大的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个项目使文件变小后，它工作得很好。
