Chrome開發者工具-您可以撤消控制台中的更改嗎？

Question

如果您在Chrome開發工具中輸入命令（可能是一大段代碼）並按Enter，是否可以“撤消”對DOM所做的更改？ 還是只需要刷新頁面？

Answer 1

除了“刷新頁面”之外，我也在尋找該問題的答案...偶然發現此解決方案：

1. 輸入Chrome開發者工具（在Mac上為CMD + Shift + I）

2. 單擊垂直對齊的三個點以獲取設置菜單

3. 將鼠標懸停在“更多工具”上，然后轉到“更改”

4. 在更改窗口上，您可以看到在當前DOM編輯會話期間所做的所有更改-要全部還原，只需單擊左下角的撤消箭頭即可。

見下圖

重置在Chrome開發者工具中所做的所有更改

Answer 2

取決於該代碼的實際作用。 例如，如果您更改樣式（css）或結構（html）的內容，則刷新后將顯示原始頁面。 但是，如果該代碼更改了cookie值，則刷新不足，甚至關閉瀏覽器並再次打開。