Web 开发人员已经越来越离不开 Firefox 了,尽管最近的版本风波让我们对 Firefox 持有越来越多的疑问,但 Firefox 在开发者中的份量暂时还不是其他浏览器所能代替的。本文为您介绍25款适用于开发人员的 Firefox 4 扩展插件。 1. Fire FTP FireFTP是一款Firefox上跨平台的客户端软件,支持FTP/SFTP协议。其他功能包括:同步目录,支持SSL加密,搜索和过滤,完整性验证,远程编辑,拖拽等等。 2. IE Tab 2 和 IE Tab 一样,IE Tab 2支持在FireFox的一个tab中显示多个网页。支持FireFox 3.6。 3. EditCSS 可直接在浏览器的侧边栏修改网页样式 可快速的查看页面的 DOM 模型 5. Mobilify Mobilify 可用来更好的模拟 Firefox Mobile 的用户界面。 6. Firebug 不用说了,这是 Firefox 最强大的开发者套件,很多人是因为它才使用 Firefox 浏览器的。 CodeBurner 集成了Firebug,提供了HTML和CSS的参考资料。核心功能集中在新面板上,包含了一个用于查找HTML元素,CSS属性的搜索工具。 当我们在Firebug中编辑CSS规则时它能够新增选色对话框。点击下拉框中的颜色值,会触发生成一个选色对话框,可直接修改样式中的颜色值。 9. Adobe BrowserLab for Firebug 直接从Firebug中登录Adobe Browserlab,可以预览使用Firebug过程中的临时变化。BrowserLab可以在多个浏览器中生成页面的截图。 FirePath 是Firebug的扩展插件,添加了开发工具,可以编辑,监测和生成XPath 1.0表达式、CSS 3选择符和JQuery的选择符。 FoxyProxy 是一个高级的代理管理工具,可用来替换 Firefox 自带的代理功能 12. HTML5toggle 该插件添加一个按钮,用来启用和禁止 Firefox 4 浏览器对 HTML5 的支持。 13. Total Validator 全新的 HTML5 和 XHTML5 的验证插件。用来检测你的网页是否符合 W3C 规范。 14. Console2 是一个 JavaScript 控制台,用于显示 JS 的错误、CSS错误等。 15. Screenshot Pimp 网页截图插件 iMacros 用于快速的自动表单数据填写、记住密码等功能,相当于你可以把你的操作做为一个宏保存起来,下一次可重复执行这些操作。 17. HTML 5 Validator 在网页上下文菜单中增加 HTML 5 验证的菜单项 18. Web Developer Web 开发者扩展,增加了Web开发者常用的开发工具,如下图所示: 19. CSS Reloader CSS Reloader 支持 Firefox 和 Chrome ,可用来重新加载所有的 CSS 文件。 20. Mobile Toolkit MobileToolkit 用来帮你在各种不同的手机模拟器上验证网页执行效果。 21. YSlow YSlow是yahoo美国开发的一个页面评分插件,非常的棒,从中我们可以看出我们页面上的很多不足,并且可以知道我们改怎么却改进和优化。 22. MeasureIt 用来绘制网页标尺,便于检查页面的宽度、高度和对齐情况 23. Selenium IDE Selenium IDE 是一个用于 Selenium 脚本的集成开发环境。 24. ColorZilla 高级吸管、取色器、页面缩放和其他色彩应用功能。 利用 ColorZilla 您可以从浏览器中的任一点读取色彩值,快速调节颜色并粘贴到其他应用程序。您可以缩放正在查看的页面或测量页面任意两点之间的距离。内建的调色板浏览器允 许您从预定义的颜色集中选择颜色或将最常用颜色保存到自定义调色板。DOM 侦测功能让您可以快速、容易地获得关于 DOM 元素的各种信息。还有更多功能 25. FirePHP FirePHP 是Firefox 的扩充套件,但它可以帮你debug 后端PHP 的程式,听起来很神奇是吧?其实用的技术跟某些IDE 一样,要求你在写程式时加入一些追踪用的代码。通过使用Firephp你可以在Firebug的Console栏中看到要调试的数据,而不影响php程序 的正常执行,所以说,这东西对于Ajax开发是很有帮助的! |