Firefox 125 开发者工具新特性
查看最新的调试增强功能，包括对 WASM 调试的改进和更强大的 CSS 检查器。
阅读更多 →F12
掌握 F12
掌控网页核心
独立、私密、迅捷：重塑您的在线世界。利用 Firefox 开发者工具，深入探索互联网的每一个细节。
开发者工具：不仅仅是检查
由非营利组织 Mozilla 倾力打造，将代码的掌控权重新交还到您手中。
查看器 (Inspector)
检查并修改 HTML 和 CSS。实时查看页面布局变化，完美支持 CSS Grid 和 Flexbox 调试。
控制台 (Console)
记录日志、运行 JavaScript 并与页面交互。强大的自动补全功能让调试变得前所未有的简单。
网络 (Network)
监控每一个网络请求。分析资源加载速度，优化您的网站性能，识别瓶颈所在。
常用快捷键清单
通过键盘快捷键，瞬间切换不同开发面板。
| 功能描述 | Windows / Linux | macOS |
|---|---|---|
| 打开/关闭开发者工具 | F12 或 Ctrl+Shift+I | F12 或 Cmd+Opt+I |
| Web 控制台 | Ctrl+Shift+K | Cmd+Opt+K |
| 查看器 (Inspector) | Ctrl+Shift+C | Cmd+Opt+C |
| 调试器 (Debugger) | Ctrl+Shift+S | Cmd+Opt+S |
| 网络 (Network) | Ctrl+Shift+E | Cmd+Opt+E |
| 响应式设计模式 | Ctrl+Shift+M | Cmd+Opt+M |
开发者动态
了解最新的火狐浏览器开发者工具更新与技巧。
如何利用 F12 优化网页性能
通过网络面板和性能分析工具，将您的页面加载时间缩短 50% 以上。
阅读更多 →