无法在Chrome开发者工具“来源”标签中修改HTML

Question

我对开发工具中的Sources面板有一个noob问题：在Elements选项卡中，我看到右侧的CSS。我点击一个CSS文件，然后进入Sources选项卡，在那里我可以进行实时编辑。我可以调出JS并执行相同操作，但是......如果我调出HTML文件，我将无法对HTML进行任何编辑。为什么是这样？这是设计的吗？我错过了什么？

Answer 1

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

Answer 2

如果我理解正确，您正在尝试编辑源的左侧。如果要编辑代码或右键单击鼠标并单击“编辑为HTML”，请尝试双击位置。

Answer 3

我有同样的问题，搜索让我来到这里。

对我来说，打开导航栏，然后单击“文件系统”，然后单击“将文件夹添加到工作区”，然后单击要编辑的任何文件的文件夹位置。完成后，我能够自由编辑html。