可以't在Chrome开发工具“源代码”选项卡中编辑HTML

Can't edit HTML in Chrome dev tools Sources tab

本文关键字：源代码选项 HTML 编辑开发工具 Chrome 可以更新时间：2023-09-26

关于开发工具中的Sources面板，我有一个小问题：在Elements选项卡中，我看到右侧的CSS。我点击一个CSS文件，然后进入"源"选项卡，在那里我可以进行实时编辑。我可以提起JS并做同样的事情，但是。。。如果我打开HTML文件，我将无法对HTML进行任何编辑。为什么会这样？这是故意的吗？我错过了什么？

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

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

对我来说，修复的方法是打开navagator栏，然后单击"文件系统"，再单击"将文件夹添加到工作区"，然后单击要编辑的任何文件的文件夹位置。一旦完成，我就可以自由地编辑html了。

如果我理解正确，您正在尝试编辑源代码的左侧。当你想编辑代码时，试着双击位置，或者用鼠标右键点击"编辑为HTML"。

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