無法在 Chrome 開發工具的“源”選項卡中編輯 HTML

Question

我有一個關於開發工具中的 Sources 面板的菜鳥問題：當在 Elements 選項卡中時，我會在右側看到我的 CSS。 我單擊一個 CSS 文件並進入“源”選項卡，在那里我可以進行實時編輯。 我可以調出 JS 並執行相同的操作，但是...如果我調出 HTML 文件，則無法對 HTML 進行任何編輯。 為什么是這樣？ 這是故意的嗎？ 我錯過了什么？

Answer 1

加載 DOM 后，瀏覽器不會使用原始源，因為 DOM 可以通過 Javascript 動態修改。 如果要對 DOM 進行實時編輯，可以在 Elements 選項卡中進行。 右鍵單擊元素或屬性，可以選擇對其進行編輯。

Answer 2

如果我理解正確，您正在嘗試編輯源代碼的左側。 當您想要編輯代碼或右鍵單擊鼠標並單擊“編輯為 HTML”時，請嘗試雙擊位置。

Answer 3

我有同樣的問題，搜索讓我來到這里。

對我來說，修復的是打開導航欄，然后單擊“文件系統”，然后單擊“將文件夾添加到工作區”，然后單擊要編輯的任何文件的文件夾位置。 完成后，我可以自由編輯 html。