Firefox开发者版本下载地址:
https://www.mozilla.org/zh-CN/firefox/channel/desktop/#developer
教程:
https://developer.mozilla.org/zh-CN/docs/Tools
附加组件:
1.Firebug
Firebug 为你的 Firefox 集成了浏览网页的同时随手可得的丰富开发工具。你可以对任何网页的 CSS、HTML 和 JavaScript 进行实时编辑、调试和监控… Firebug 1.4 仅支持 Firefox 3.0 或更高版本。
2.JSONView
在浏览器中查看JSON 文件.
3.YSlow
YSlow analyzes web pages and suggests ways to improve their performance based on a set of rules for high performance web pages.
http://yslow.org is the official open source website.
这个是由雅虎公司开发的,做前端的必须工具,它可以对你的网页大小等信息及行评级,最高级别是A。对当前页面的所有资源进行分类统计大小给出相应的图表信息参考及HTTP请求统计次数并对你的页面提出相观建议。你也可以点击Tools Tab选择要查看或者优化的资源。
4.Firecookie(firebug1.10 后已集成)
Firecookie是Firebug的一个扩展,它使得你可以在浏览器中查看和管理cookie。该扩展已经默认集成到Firebug1.10中,为避免冲突无需安装。
网页开发中不可或缺的色彩工具。颜色选择器和滴管工具通过拖放来保存和尝试颜色。
Firebug extension to view which CSS rules are actually used.
查看网页CSS真实使用情况。
7.Html Validator
HTML Validator is a Mozilla extension that adds HTML validation inside Firefox and Mozilla. The number of errors of a HTML page is seen on the form of an icon
For Online HTML 5 validation, you need 0.962
http://users.skynet.be/mgueury/mozilla
HTML验证工具。 W3C编写了两个用于检查HTML页面的兼容性的算法,HTML Tidy 与 SGML解析器。Firefox下的HTML验证器包含了这两种算法,它们各有利弊。
官网:http://users.skynet.be/mgueury/mozilla/index.html
8.Restartless Restart(不适用于Firefox51.0)
This 15KB restartless add-on will add a "File" -> "Restart" menu item and a ctrl/cmd + alt + r hotkey to restart Firefox or Seamonkey.
当需要重启浏览器的时候,可以点击 Restart 按钮或者按组合键 Ctrl + Alt + R 即可。
一个定制的鼠标手势扩展,可以通过五种类型手势执行各种命令和用户脚本。
让火狐兼容IE的双核扩展,一键切换至IE内核,网银支付无忧愁。支持Adblock plus和FireGestures,在IE中使用鼠标手势和屏蔽广告。
11.FireQuery
Firebug plugin for jQuery development。
检查页面JQUERY框架库信息。
使用参考:FireQuery - 用于jQuery开发的Firebug扩展
12.MeasureIt
Draw a ruler across any webpage to check the width, height, or alignment of page elements in pixels.
测量距离工具.
13.Save as PDF
Lets you download web pages as PDF in one click.
将页面保存为PDF文档。
14.Pearl Crescent Page Saver screenshot tool
保存网页(包括Flash的内容)为一个图片文件。网页截图可以通过交互或命令行抓取。选项允许您控制输出格式(PNG或JPEG)、图片文件吊称、缩放比例等等。