无法在 Chrome 开发工具“源”选项卡中编辑 HTML

Question

我对开发工具中的“源”面板有一个新手问题：在“元素”选项卡中，我在右侧看到我的 CSS。我单击一个 CSS 文件并转到“源”选项卡，我可以在其中进行实时编辑。我可以调出 JS 并执行相同的操作，但是…如果调出 HTML 文件，我将无法对 HTML 进行任何编辑。为什么是这样？这是设计使然吗？我错过了什么？

原文由 davidpm4 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

一旦加载了 DOM，浏览器就不会使用原始源，因为 DOM 可以通过 Javascript 即时修改。如果您想对 DOM 进行实时编辑，可以在“元素”选项卡中进行。右键单击一个元素或属性，可以选择编辑它。

原文由 Barmar 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

在这种情况下，您可以单击三个水平点，它们将出现在您将单击一次的同一行的左侧（只需单击即可享受）。单击该行进行编辑，然后单击将出现的三个点

原文由 user18699399 发布，翻译遵循 CC BY-SA 4.0 许可协议