Firefox - 为开发者定制的浏览器

今天第一次开通博客专栏，首先推荐一个前端开发者比较方便的调试浏览器，也许有的朋友们已经用过或者看到过了，不管怎么说这块浏览器个人觉得在开发中还是比较好，

为开发者设计

唯一一款专门为开发者打造的浏览器，Firefox 开发者版本按照您理想中的工作流程创建。编译、测试、扩展和所有的事情都可以在同一个地方完成，开创先河。

调试任意浏览器

借助 Valence 在任意浏览器或者设备上检查和调试您的应用—— Valence 是一款强大的预装扩展，您只能在 Firefox 开发者版本上使用。

精确到像素的代码

通过响应式设计视图适配屏幕尺寸，借助内置的样式编辑器随时调试 CSS，实现像素级的代码控制。

Firefox 开发者版本将核心开发工具汇聚在一起，借助一些功能强大的新品大大拓展您的能力，可以在同一个工具中跨越多种平台工作。

1. 可视化编辑工具
   在“查看器”面板可视化的编辑页面上播放的 CSS 和 HTML 动画。使用“标尺”和“测量”工具校验任意元素的对齐、尺寸和填充空间

2. 开发者工具的挑战者
   使用开发者版本（Developer Edition）中的可视化动画和 CSS 编辑工具，探索海洋的深处，与奇特的生物进行互动。

3. 性能工具
   检查你的网页内容的帧数，内存消耗和JS profile，在一个统一的时间轴视图帮助识别和解决性能瓶颈。

4. 页面查看器
   检查任意网页的 HTML 和 CSS 并很容易地修改页面结构及布局。

5. Web Audio 编辑器
   实时查看 Web Audio 接口并与之交互，确保所有音频节点都已您预期的方式连接。

6. Web 控制台
   查看网页相关的记录信息并借助 Web 控制台与使用 JavaScript 的页面进行交互。

7. JavaScript 调试器
   步进调试 JavaScript 代码，以及检查或修改它的状态，以帮助追查缺陷。

8. 网络监视器
   查看浏览器发出的所有网络请求，每个请求消耗的时间以及每个请求的详细情况。

9. 样式编辑器
   查看并编辑网页的 CSS 样式表，对任意页面创建新的或者应用已有的 CSS 样式表。

10. 响应式设计视图
    不必更改浏览器窗口尺寸，就能够查看您的网页或者网络应用在不同屏幕尺寸下的效果。

11. WebIDE
    这款工具替代了应用管理器，在浏览器中直接开发、部署和调试 Firefox OS 应用。

12. Valence
    借助这个 Firefox 开发者版本自带的强大扩展，可以跨越多种浏览器和设备开发、调试您的应用。

下载链接

https://download-installer.cdn.mozilla.net/pub/firefox/nightly/latest-mozilla-aurora-l10n/firefox-47.0a2.zh-CN.win32.installer.exe