Chrome开发工具 - 您可以撤消控制台中的更改吗？

Question

如果您在Chrome开发工具中输入命令(可能是一大块代码)并按Enter键,是否有办法"撤消"对DOM所做的更改？或者你只需​​刷新页面？

Answer 1

除了“刷新页面”之外，我也在寻找该问题的答案...偶然发现此解决方案：

1. 输入Chrome开发者工具（在Mac上为CMD + Shift + I）

2. 单击垂直对齐的三个点以获取设置菜单

3. 将鼠标悬停在“更多工具”上，然后转到“更改”

4. 在更改窗口上，您可以看到在当前DOM编辑会话期间所做的所有更改-要全部还原，只需单击左下角的撤消箭头即可。

见下图

重置在Chrome开发者工具中所做的所有更改

Answer 2

取决于该代码实际执行的操作。例如，如果您更改样式（css）或结构（html）中的某些内容，则刷新它将显示原始页面。但如果该代码更改了 cookie 值，刷新是不够的，甚至关闭浏览器并再次打开。