更改:跟踪您的 HTML、CSS 和 JavaScript 更改
使用集合让一切井井有条
根据您的偏好保存内容并对其进行分类。
使用 Changes 面板可以跟踪在开发者工具中所做的代码更改。
概览
在“更改”面板中,跟踪您对以下各项所做的更改:
Changes 面板仅显示您在开发者工具中所做的更改。如果您重新加载开发者工具或页面,更改将消失。
如需让开发者工具在页面加载后保留更改,请按照本地替换中的步骤操作。
如需让开发者工具将更改写入本地源代码,请按照使用工作区修改和保存文件中的步骤操作。
打开“更改”面板
如需打开更改面板,请执行以下操作:
打开开发者工具。
按 Command+Shift+P (Mac) 或 Ctrl+Shift+P(Windows、Linux、ChromeOS)打开命令菜单。
开始输入 changes
,选择显示更改,然后按 Enter 键。
或者,点击右上角的 自定义和控制开发者工具 >更多工具 >更改。
默认情况下,DevTools 会在 DevTools 窗口底部的 Drawer 中显示 Changes 面板。
查看并了解您所做的更改
要查看您所做的更改,请执行以下操作:
- 打开开发者工具。
更改来源:
打开更改面板,然后在面板右侧选择一个文件。
查看突出显示以下内容的 diff
输出:
Changes 面板会自动显示 diff
输出内容,因此您无需水平滚动即可查看单行更改。
复制 CSS 更改
如果您更改了元素 > 中的 CSS样式,那么只需一个按钮即可复制所有样式:
打开更改面板,然后在面板的右侧选择您做出了更改的 CSS 文件。
点击“更改”面板底部的 复制按钮。
还原对文件所做的所有更改
如需还原对文件所做的更改,请执行以下操作:
- 在更改面板的左侧,选择要还原的更改所在的文件。
- 在底部的操作栏中,点击 还原对当前文件的所有更改。
如未另行说明,那么本页面中的内容已根据知识共享署名 4.0 许可获得了许可,并且代码示例已根据 Apache 2.0 许可获得了许可。有关详情,请参阅 Google 开发者网站政策。Java 是 Oracle 和/或其关联公司的注册商标。
最后更新时间 (UTC):2024-09-05。
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"没有我需要的信息"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"太复杂/步骤太多"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"内容需要更新"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"翻译问题"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"示例/代码问题"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"其他"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"易于理解"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"解决了我的问题"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"其他"
}]
{"lastModified": "\u6700\u540e\u66f4\u65b0\u65f6\u95f4 (UTC)\uff1a2024-09-05\u3002"}
[[["易于理解","easyToUnderstand","thumb-up"],["解决了我的问题","solvedMyProblem","thumb-up"],["其他","otherUp","thumb-up"]],[["没有我需要的信息","missingTheInformationINeed","thumb-down"],["太复杂/步骤太多","tooComplicatedTooManySteps","thumb-down"],["内容需要更新","outOfDate","thumb-down"],["翻译问题","translationIssue","thumb-down"],["示例/代码问题","samplesCodeIssue","thumb-down"],["其他","otherDown","thumb-down"]],["最后更新时间 (UTC):2024-09-05。"],[],[]]