使用更改标签页,跟踪您对以下内容所做的更改:
Changes 标签页会显示您在开发者工具中所做的更改。如果您重新加载开发者工具或页面,更改会消失。
要让开发者工具在网页加载过程中保留更改,请按照本地替换中的步骤操作。
如需让开发者工具将更改写入本地来源,请按照使用工作区修改和保存文件中的步骤操作。
打开“更改”标签页
要打开更改标签页,请执行以下操作:
按 Command+Shift+P (Mac) 或 Ctrl+Shift+P(Windows、Linux、ChromeOS)以打开命令菜单。
开始输入
changes
,选择显示更改,然后按 Enter 键。
或者,点击右上角的 自定义和控制开发者工具 > 更多工具 > 更改。
更改" width="800" height="460">
默认情况下,开发者工具会在其窗口底部的抽屉式导航栏中显示更改标签页。
查看和了解您所做的更改
要查看您的更改,请执行以下操作:
Changes 标签页会自动输出 diff
输出,因此您无需水平滚动即可在一行中查看更改。
复制 CSS 更改
如果您在元素 > 样式中更改了 CSS,则可以使用单个按钮复制所有更改:
打开更改标签页,然后在该标签页的右侧选择您更改了的 CSS 文件。
点击“Changes”标签页底部的 Copy 按钮。
还原对文件所做的所有更改
要还原对文件所做的更改,请执行以下操作:
- 在更改标签页的左侧,选择要还原的更改的文件。
- 在底部的操作栏中,点击 还原对当前文件的所有更改。