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

问题描述 投票:3回答:3

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

javascript html css google-chrome google-chrome-devtools
3个回答
6
投票

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


2
投票

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


0
投票

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

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