無法在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源選項卡

回答

相關問題