《30个为网页设计者和开发人员精选的Firefox扩展插件》由会员分享，可在线阅读，更多相关《30个为网页设计者和开发人员精选的Firefox扩展插件（4页珍藏版）》请在金锄头文库上搜索。
1、30个为网页设计者和开发人员精选的Firefox扩展插件原文：30 Best Firefox add-ons翻译：帕兰Dejan Cancarevic是一名优秀的网页设计者和开发人员，下面他精选了30个他经常使用的Firefox插件，这些插件都能很好的帮助网页设计者和开发人员，简化工作量，或是增加设计应用功能等等。1. CSSMate 在线的CSS编辑器扩展插件2. ViewSourceWith 让你查看页面资源的Firefox扩展应用3. PicLens 变换你的浏览器为一个三维的浏览环境来查看网页图片的Firefox扩展插件4. FireShot -强大的网页截图/截屏插件5. SeoQu
2、ake 搜索引擎优化和网站推广插件6. Font Finder -简单的高亮一个事件并且左键点击弹出菜单可以查看CSS样式7. Live HTTP Headers 在浏览网页的同时查看一个页面的HTTP头部信息8. Modify Headers 允许你添加、修改或过滤http头部请求信息的Firefox扩展插件9. CSSViewer -一个简单实用的扩张，可以让你查看当前网页中任何部分的CSS代码10. EditCSS 只需要右键点击就可以在浏览器的侧边栏中查看和编辑样式表代码11. Firebug 查看，编辑和跟踪 网页上面的CSS, HTML和JavaScript的Firefox插件12
3、. View Formatted Source -为网页上的每一个元素格式化并使用不同的颜色高亮显示13. Professor X -让你不看源代码就能看到页面头部信息的Firefox插件14. CSS validator 一键检查当前网页是否符合W3C CSS 标准的验证器插件15. Validaty -提供给你一个类似于validator.w3.org的校验器按钮16. Html Validator 添加HTML校验器17. Copy as HTML Link -给选中的文本创建一个当前页面的HTML链接18. TableTools 过滤、排序 HTML表格等的Firefox扩展插件19.
4、 CHM Reader 让Firefox支持HTML编译文件的Firefox扩展插件20. PageDiff 帮助网页设计者和开发人员在不同的网页之前查看页面源代码21. Clipmarks 让你保存当前页面中的任何元素的Firefox插件22. SourceEditor 查看和编辑HTML元素代码的Firefox扩展插件23. Total Validator -使用官方DTDs提供一个真正的HTML检查器的Firefox扩展插件24. LinkChecker 检查任何网页上面的有效链接的Firefox扩展插件25. Web Developer 添加一个菜单和工具栏，包含各种网页开发工具的Fi
5、refox扩展插件26. Style Sheet Chooser II 让你选择网站作者为网站提供的候补风格的Firefox扩展插件27. View Dependencies -显示网页上面所有被装载的元素信息的Firefox扩展插件28. Accessibar 可以轻松地操纵网页显示和文本语音输出的Firefox扩展插件29. Aardvark 用来清楚网页的冗余信息和打印网页等功能的Firefox扩展插件30. JSview 添加能够查看外部档案源代码的功能Web开发人员常用的火狐插件 15个Web开发必备的Firefox扩展插件Firefox是一款越来越热的Web浏览器，多种多样的扩展，
6、主题，插件，是它快速流行的重要原因。Mozilla的网站上提供了许多扩展和插件的下载，由于众多开发者的支持，这些扩展和插件的数量也在随着需求日益增长，下面列举15款比较优秀的插件，仅供大家参考。以下是15款火狐的插件，可以使得Web开发人员的开发工作更加容易：1、 Aardvark：Aardvark可以让你从网页中选择元素，并对它们进行操作。Web开发人员可以利用Aardvark对网页的构架进行分析，同时还 可以利用Aardvark去移除和隔离元素或者生成DOM代码，这个是笔者强烈推荐的一款Firefox插件。2、 CSS Validator（CSS验证器）：CSS验证器可以在您的浏览器中添加
7、一个右击选项，将CSS传送至W3C CSS验证。它可以再一个新的标签中打开答案，笔者认为，CSS Validator将会是一款引导潮流的开发工具。3、 CSSViewer：CSSViewer是一款小巧的CSS属性查看器，随着鼠标的移动显示当前所指示元素的CSS样式信息，其中包括了所有从父级元素继 承而来，用户自定义以及浏览器自定义的样式信息。同时。您也可以通过在工具栏添加该扩展的图标按钮来激活/禁用该扩展。4、 FireBug：Firebug是测试前端代码和CSS的最好的调试软件。如果出现任何不符合格式的图像或类型，最好的解决办法就是用Firebug检查出来。甚至可以在里面改变样式来检查网站是
8、如何在浏览器中的渲染效果。5、 FirePHP：FireBug是针对CSS、HTML和JavaScript的一款很好的开发工具，但是FirePHP只有在用户安装了FireBug之后才可用，可以为PHP开发者所用，便于他们管理PHP函数。6、 Font Finder：Font Finder使得开发者可以在网站上突出一些文字的字体，右击选择后，选择“查找字体”，查看选定文字的全部的CSS文字样式，然后将这些文字粘贴到您自己的网页中。7、 HTML Validator（HTML验证器）：HTML Validator是一款很强大的插件工具，并且它只是用于Windows用户。它可以帮助您找出网站中的一些
9、错误，并且标注出来，当然，您也可以选择对网站上单独的网页进行但也分析。8、 IE View：对于Windows系统来讲，IE View是一款很有效的工具，这个插件在右击菜单中添加了一个“在IE中打开”选项，使得您可以在IE浏览器中快速打开一个网站，这是检查网页在两种浏览器中有何不同的最好方法。9、 Java Console（Java控制台）：如果您想要了解Java小程序是如何在网页中运行的，Java控制台可以帮助您。利用Java控制台，您可以监视和调试Java小程序，并获得关于它们的性能的一份全面报告。10、 LinkChecker：LinkChecker可以突出网站中的链接，并且可以将您引进
10、您想要打开的网站。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协同工作，支持网页缩放。你可以用它对视觉效果强的网站进行配色分析，然后参考进行设计。 4
