【工具】让开发更高效-Firefox Developer Edition

引言

  工欲善其事，必先利其器。对于开发者来讲，好的开发工具无异于如虎添翼，能够提高工作效率。

  在进行Web开发时，离不开一款强大的浏览器来进行调试与检测，今天为大家分享mozilla基金会旗下的定制版Firefox浏览器。

Download

• Firefox Developer Edition

如何使用

查看器

  页面查看器可以来查看和修改页面的HTML和CSS，会有即时的效果显示，方便网页内容和样式的调整。

  包含了三个主要的组件：

• “选择元素”按钮
• HTML面板
• CSS面板

调试器

  少不了的js调试器，像是在VS中调试C#一样，在JavaScirpt Debugger同样可以调试js，添加断点、单步调试像VS一样简单。

  可以分为四大区域：

• 工具栏
• 源码列表面板
• 调用堆栈面板
• 源码面板

监视器

  网络监视器显示所有发送的网络要求，每个请求耗费的时间，和每个请求的详细信息。

编辑器

  可以使用样式编辑器可以查看和编辑所有页面相关的CSS文件。

Last

  本文只是简单介绍，目的是分享给大家，想要解锁更多内容，请移步官方网站。