页面查看器 - Firefox 开发者工具 编辑

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

您可以查看Firefox加载到本地的页面副本或在Firefox OS设备、Android版Firefox上的远端实例。查看远程调试学习如何使用开发者工具连接到远端Firefox实例。Firefox等远程目标操作系统Android设备或Firefox。

用户界面导览

为了对查看器有大概的了解，这里准备了一个UI的快速导览。

Firefox 62以上的版本应许用户把规则视图分成自己的版面。这被称为三版面模式。

用法

查看器能做什么，请看以下指南：

• 打开查看器
• 查看和编辑HTML
• 检查和编辑盒模型
• 查看并选择颜色
• Reposition elements in the page
• 查看字体
• 可视化转换
• 使用查看器 API
• 选择一个元素
• 查看和编辑CSS
• 查看事件监听器
• 处理动画
• Edit CSS filters
• Edit CSS shapes
• 查看背景图片
• 从 Web 控制台使用查看器
• Examine CSS grid layouts
• 检查Flexbox布局

参考

• 快捷键
• 设置