Chrome / Firefox檢查器可以編輯HTML

Question

我知道我可以在Chrome / Firefox檢查器中編輯HTML元素。 但是如何在桌面上保存對本地文件的更改？

Answer 1

Chrome可以通過工作區完成一些工作。 打開devtools轉到Sources添加文件夾到工作區選擇你的index.html（或其他）編輯並保存，方法是單擊ctrl + s。 刷新瀏覽器，您將看到更改是永久性的。 但是你不能去Elements / Inspector選擇一些標簽更改它並保存，因為“DOM！== HTML”。

Answer 2

是的，你可以locally saved html file in IE9編輯一個locally saved html file in IE9是右鍵單擊瀏覽器窗口中的頁面，選擇在記事本中打開的“查看源代碼”並編輯代碼，然后轉到文件並保存更改。

您可以在Firefox中執行相同的操作，打開Firebug然后打開Firebug編輯器，它是記事本。

我只是想到我記得通過右鍵單擊頁面並在Firefox中打開“查看源代碼”就像我在IE9中所做的那樣。

Answer 3

Firefox中的查看源允許您使用代碼並對其進行編輯，但保存和編輯實際工作文件需要打開它，進行相同的更改，然后保存。 我建議使用開發人員工具，一旦你有你想要的東西，復制並粘貼改進的源代碼，以便在原始文件中使用。 如果您有firebug和firebug編輯器，我認為您可以實際更新文件本身。 Chrome允許您編輯這樣的JavaScript，但我不確定HTML和CSS

Answer 4

我有同樣的問題，如何編輯DOM html並保存結果。 在我的PC上，我可以使用Scratchpad通過將文件類型更改為all，打開文件，編輯它，執行保存，然后刷新頁面來有效地執行此操作。 稍微麻煩一下，您可以從Inspector復制並粘貼到Scratchpad。 它非常hacky，但確實有效。

但是，我的一名使用Macbook AIR的學生無法使用ScratchPad編輯html文件，她可以編輯.js文件，但所有html文件都顯示為灰色且無法點擊。 底線是我不知道這個“解決方案”是否適用於所有系統。