Javascript Can';t在Chrome开发工具源选项卡中编辑HTML

Javascript Can';t在Chrome开发工具源选项卡中编辑HTML,javascript,html,css,google-chrome,google-chrome-devtools,Javascript,Html,Css,Google Chrome,Google Chrome Devtools,我对dev工具中的Sources面板有一个noob问题:当我在Elements选项卡中看到右边的CSS时。我点击一个CSS文件,进入“源”选项卡,在那里我可以进行实时编辑。 我可以打开JS并做同样的事情,但是。。。 如果我打开HTML文件,我将无法对HTML进行任何编辑。为什么会这样?这是故意的吗?我缺少什么?一旦加载DOM,浏览器就不会使用原始源代码,因为可以通过Javascript动态修改DOM。如果要对DOM进行实时编辑,可以在“元素”选项卡中进行。右键单击某个元素或属性,可以选择对其进行

我对dev工具中的Sources面板有一个noob问题:当我在Elements选项卡中看到右边的CSS时。我点击一个CSS文件,进入“源”选项卡,在那里我可以进行实时编辑。 我可以打开JS并做同样的事情,但是。。。
如果我打开HTML文件,我将无法对HTML进行任何编辑。为什么会这样?这是故意的吗?我缺少什么?

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

如果我理解正确,您正在尝试编辑源代码的左侧。当您想要编辑代码时,请尝试双击position,或者右键单击鼠标,然后单击“编辑为HTML”。

我也遇到了同样的问题,通过搜索我找到了这里


对于我来说,修复方法是打开navagator栏,然后单击“文件系统”,然后单击“将文件夹添加到工作区”,然后单击要编辑的任何文件的文件夹位置。完成后,我可以自由编辑html。

不确定,我知道您可以在“元素”面板中编辑html。网络资源这就是为什么我感到困惑。看到一些youtube的家伙在现场编辑;他一定启用了这个功能。