F12

掌握 F12
掌控网页核心

独立、私密、迅捷:重塑您的在线世界。利用 Firefox 开发者工具,深入探索互联网的每一个细节。

开发者工具:不仅仅是检查

由非营利组织 Mozilla 倾力打造,将代码的掌控权重新交还到您手中。

🔍

查看器 (Inspector)

检查并修改 HTML 和 CSS。实时查看页面布局变化,完美支持 CSS Grid 和 Flexbox 调试。

💻

控制台 (Console)

记录日志、运行 JavaScript 并与页面交互。强大的自动补全功能让调试变得前所未有的简单。

网络 (Network)

监控每一个网络请求。分析资源加载速度,优化您的网站性能,识别瓶颈所在。

常用快捷键清单

通过键盘快捷键,瞬间切换不同开发面板。

功能描述 Windows / Linux macOS
打开/关闭开发者工具 F12Ctrl+Shift+I F12Cmd+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

开发者动态

了解最新的火狐浏览器开发者工具更新与技巧。

Firefox 125 开发者工具新特性

查看最新的调试增强功能,包括对 WASM 调试的改进和更强大的 CSS 检查器。

阅读更多 →

如何利用 F12 优化网页性能

通过网络面板和性能分析工具,将您的页面加载时间缩短 50% 以上。

阅读更多 →

准备好提升您的开发效率了吗?

立即下载最新版本的 Firefox,体验行业领先的开发者工具。

立即下载 Firefox