更改：跟踪您的 HTML、CSS 和 JavaScript 更改

使用更改标签页，跟踪您对以下内容所做的更改：

• 启用了本地替换的来源中的 HTML
• 元素 > 样式或来源中的 CSS
• 源代码中的 JavaScript

Changes 标签页会显示您在开发者工具中所做的更改。如果您重新加载开发者工具或页面，更改会消失。

要让开发者工具在网页加载过程中保留更改，请按照本地替换中的步骤操作。

如需让开发者工具将更改写入本地来源，请按照使用工作区修改和保存文件中的步骤操作。

打开“更改”标签页

要打开更改标签页，请执行以下操作：

1. 打开开发者工具。

2. 按 Command+Shift+P (Mac) 或 Ctrl+Shift+P（Windows、Linux、ChromeOS）以打开命令菜单。

3. 开始输入 changes，选择显示更改，然后按 Enter 键。

   

或者，点击右上角的 自定义和控制开发者工具 > 更多工具 > 更改。

更改" width="800" height="460">

默认情况下，开发者工具会在其窗口底部的抽屉式导航栏中显示更改标签页。

查看和了解您所做的更改

要查看您的更改，请执行以下操作：

1. 打开开发者工具。

2. 更改来源：

   • HTML：首先，启用本地覆盖，然后在来源中进行更改
   • 元素 > 样式或来源中的 CSS
   • 源代码中的 JavaScript

3. 打开更改标签页，然后在该标签页的右侧选择一个文件。

4. 查看突出显示以下内容的 diff 输出：

Changes 标签页会自动输出 diff 输出，因此您无需水平滚动即可在一行中查看更改。

复制 CSS 更改

如果您在元素 > 样式中更改了 CSS，则可以使用单个按钮复制所有更改：

1. 打开更改标签页，然后在该标签页的右侧选择您更改了的 CSS 文件。

   

2. 点击“Changes”标签页底部的 Copy 按钮。

还原对文件所做的所有更改

要还原对文件所做的更改，请执行以下操作：

1. 在更改标签页的左侧，选择要还原的更改的文件。
2. 在底部的操作栏中，点击 还原对当前文件的所有更改。