以下是15款火狐的插件,可以使得Web开发人员的开发工作更加容易:
1、 Aardvark:Aardvark可以让你从网页中选择元素,并对它们进行操作。Web开发人员可以利用Aardvark对网页的构架进行分析,同时还 可以利用Aardvark去移除和隔离元素或者生成DOM代码,这个是笔者强烈推荐的一款Firefox插件。
2、 CSS Validator(CSS验证器):CSS验证器可以在您的浏览器中添加一个右击选项,将CSS传送至W3C CSS验证。它可以再一个新的标签中打开答案,笔者认为,CSS Validator将会是一款引导潮流的开发工具。
3、 CSSViewer:CSSViewer是一款小巧的CSS属性查看器,随着鼠标的移动显示当前所指示元素的CSS样式信息,其中包括了所有从父级元素继承而来,用户自定义以及浏览器自定义的样式信息。同时。您也可以通过在工具栏添加该扩展的图标按钮来激活/禁用该扩展。
4、 FireBug:Firebug是测试前端代码和CSS的最好的调试软件。如果出现任何不符合格式的图像或类型,最好的解决办法就是用Firebug检查出来。甚至可以在里面改变样式来检查网站是如何在浏览器中的渲染效果。
5、 FirePHP:FireBug是针对CSS、HTML和JavaScript的一款很好的开发工具,但是FirePHP只有在用户安装了FireBug之后才可用,可以为PHP开发者所用,便于他们管理PHP函数。
6、 Font Finder:Font Finder使得开发者可以在网站上突出一些文字的字体,右击选择后,选择“查找字体”,查看选定文字的全部的CSS文字样式,然后将这些文字粘贴到您自己的网页中。
7、 HTML Validator(HTML验证器):HTML Validator是一款很强大的插件工具,并且它只是用于Windows用户。它可以帮助您找出网站中的一些错误,并且标注出来,当然,您也可以选择对网站上单独的网页进行但也分析。
8、 IE View:对于Windows系统来讲,IE View是一款很有效的工具,这个插件在右击菜单中添加了一个“在IE中打开”选项,使得您可以在IE浏览器中快速打开一个网站,这是检查网页在两种浏览器中有何不同的最好方法。
9、 Java Console(Java控制台):如果您想要了解Java小程序是如何在网页中运行的,Java控制台可以帮助您。利用Java控制台,您可以监视和调试Java小程序,并获得关于它们的性能的一份全面报告。
10、 LinkChecker:LinkChecker可以突出网站中的链接,并且可以将您引进您想要打开的网站。
11、 Poster:如果您想要调试服务器和进行HTTP请求的话,Poster将是一款很值得尝试的工具。
12、 Style Sheet Chooser II:Style Sheet Chooser II 允许浏览者或开发者迅速地在为同一页面编写的不同样式之间来回的切换,甚至能够保证被选择样式应用到该站点的全部页面上. Style Sheet Chooser II 会覆盖Firefox内置的样式表切换器[style-sheet-switcher]。
13、 Web Developer:Web Developer可以在火狐中添加菜单和工具栏,使得您可以具有显示网页风格、查看和编辑CSS等等选项。
14、 YSlow:YSlow是一个非常有用的工具,用于Firefox的优化。 YSlow能为任何网页做报告,并审查信息的数量,HTTP请求, CDNs使用, CSS和JS compression会给您一个评分,并告诉你如何改善此网页,以便加载更快。
15、 ColorZilla:ColorZilla是个方便的网页颜色分析工具,它包含颜色选择器,调色板,颜色DOM分析工具,支持鼠标对特定对象的选择,可以和Firebug协同工作,支持网页缩放。你可以用它对视觉效果强的网站进行配色分析,然后参考进行设计。