Firefox

Firefox 开发者版本

专为前端极客打造。体验前沿的CSS网格工具、强大的性能调试器及创新的Web开发功能。点燃极速，捍卫您的自由代码。

立即下载 Developer Edition
<div class="grid">
display: grid;
gap: 20px;
</div>
> let dev = "Firefox";
> console.log(dev + " Edition");
Firefox Edition

开发者专属火狐F12调试工具

围绕现代Web标准构建，突破常规浏览器的限制，为您提供深度解析DOM、网络与性能的专属工作台。

CSS 网格与弹性盒子检查器

可视化复杂布局。直接在页面上查看网格线、间距和弹性元素，精准调整样式而无需盲目猜测。

下一代 JavaScript 调试器

完美支持现代框架。快速跳过第三方库，黑盒化不相关的脚本，直击核心业务逻辑代码，定位Bug更迅速。

非活动 CSS 提示

告别无效样式的困扰。工具会自动置灰对当前元素不起作用的 CSS 属性，并悬浮提示解释原因。

立即开启极客之旅

Firefox Developer Edition 允许与正式版同时运行。无缝迁移您的配置，安全体验最新的实验性Web API。

1
获取专属版本： 包含深色开发者主题与前沿实验性功能，比正式版提前 12 周获得更新。
2
独立配置文件： 自动创建独立环境，不会影响您日常使用的标准版 Firefox，实现安全隔离。
3
探索生态： 前往 扩展插件 中心，安装 React DevTools, Vue.js devtools 等前端利器。
查看全平台下载列表
~/project$ npm start
> Starting development server...
> Compiled successfully!

You can now view project in the browser.

Local: http://localhost:3000
On Your Network: http://192.168.1.5:3000

> Ready for Firefox Developer Edition. _