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

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

来源

2014-10-20 davidpm4

不知道，我知道你可以在元素面板中编辑HTML。 – hungerstar 2014-10-20 19:32:13

一旦加载了DOM，浏览器就不会使用原始的源代码，因为DOM可以通过Javascript实时修改。如果您想对DOM进行实时编辑，您可以在元素标签中进行编辑。右键点击一个元素或属性，并且有选项可以编辑它。

来源

2014-10-20 19:32:00 Barmar

https://developer.chrome.com/devtools/docs/workspaces#mapping-a网络资源这就是我困惑的原因。看到一些YouTube用户正在进行实时编辑;他必须启用此功能。 – davidpm4 2014-10-20 23:24:29

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

来源

2014-10-20 19:35:22

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

回答

相关问题