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

Question

如果您在Chrome开发工具中输入命令（可能是一大块代码）并点击回车，那么有没有办法撤消＆＃34;撤消＆＃34; DOM的变化？或者您只需刷新页面？

Answer 1

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

  

  

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

  

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

  

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

  

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

  

请参阅下面的视频

Reset all changes made in Chrome dev tools

Answer 2

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