debugging - Chrome开发者工具: html script is blank (in source) debugging tutorial

Question

我正在做C hrome debugging tutorial ，使用 NetBeans 和 Google Chrome。一切(包括扩展)似乎都能正常工作，但是当我到达使用调试器部分时，我看不到插入断点的 html 代码。

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

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

后续:通过在控制台提示符中输入 location.reload(true)，popup.html 文件将显示为源!为什么？不知道。

我希望这能拯救我一整天跌跌撞撞的人。

Answer 1

就我而言，顺序有帮助的是

1. 关闭源中的空白选项卡
2. 关闭开发工具
3. 打开开发工具
4. 打开来源中的选项卡(仍为空白)
5. 刷新页面