页面检查器

使用页面检查器检查和修改页面的 HTML 和 CSS。

您可以检查在 Firefox 本地副本或远程目标（例如 Android 版 Firefox）中加载的页面。请参阅 关于调试 以了解如何将开发者工具连接到远程目标。

用户界面导览

要了解检查器的使用方法，请参阅 UI 快速导览。

您可以将规则视图拆分到其自己的窗格中，与 CSS 窗格上的其他选项卡分开 - 这称为 三窗格模式。

操作指南

要了解您可以使用检查器执行哪些操作，请参阅以下操作指南

• 打开检查器

• 检查和编辑 HTML

• 检查和编辑盒模型

• 检查和选择颜色

• 重新定位页面中的元素

• 编辑字体

• 可视化变换

• 选择元素

• 检查和编辑 CSS

• 检查事件监听器

• 使用动画

• 编辑 CSS 滤镜

• 编辑 CSS 形状

• 查看背景图像

• 从 Web 控制台使用检查器

• 检查 CSS 网格布局

• 检查 CSS Flexbox 布局

• 使用辅助功能检查器

参考

• 键盘快捷键

• 设置