欢迎使用 Firefox 开发者版

查看器

查看并优化代码，让版面上每个像素都显得完美。

详细了解页面探查器

控制台

追踪 CSS、JavaScript、安全以及网络问题。

详细了解 Web 控制台

调试器

强大的 JavaScript 调试器，完整支持您的开发框架。

详细了解 JavaScript 调试器

网络

监视并找出拖慢或阻塞您网站的网络请求。

详细了解网络监视器

存储面板

添加、修改或移除缓存、Cookie、数据库、会话数据。

详细了解存储面板

响应式设计模式

在浏览器中使用仿真的设备测试网站。

详细了解响应式设计视图

可视编辑

微调动画、对齐和填充。

详细了解可视化编辑

性能

解决性能瓶颈、简化工作流程、优化任务方式。

详细了解性能工具

内存

找出内存泄漏及优化应用性能。

详细了解内存工具

样式编辑器

编辑和管理浏览器中的所有 CSS 样式表。

详细了解样式编辑器

无效的 CSS
全新工具

无效的 CSS

Firefox 开发者工具现在会将页面中无效的 CSS 声明显示为灰色。当您将鼠标悬停在信息图标上时，会看到该 CSS 规则未应用的原因，以及如何修正问题的提示。

详细了解
Firefox 开发者工具
全新工具

Firefox 开发者工具

新款 Firefox 开发者工具具有强大、灵活、酷炫的工具。其中包括一流的 JavaScript 调试器，可以面向多种浏览器，且内置 React 和 Redux。

详细了解
强大的 CSS 网格
创新功能

强大的 CSS 网格

Firefox 是目前唯一配备打造和设计 CSS 网格的工具的浏览器。这些工具可以让 CSS 网格可视化，显示关联区域的名称，预览网格变化，等等。

详细了解
字体面板
速览信息

字体面板

Firefox 开发者工具中全新的字体面板，让开发者可以快速访问某元素使用的字体的所有信息。面板中也包含了字体来源、字重、样式等重要信息。

详细了解

大声说出来

意见能帮助我们改进。真诚希望您告诉我们有什么可改善浏览器与开发者工具的地方。

加入对话

参与其中

帮助我们打造最后一款独立自主的浏览器。您可参与写程序、修正缺陷、开发附加组件等等。我们欢迎您。

立即开始