9个Web设计师必备的Firefox扩展

9mustinstalledfirefoxaddonsforwebdesigners 9个Web设计师必备的Firefox扩展

作为网页设计师,如果只和Dreamweaver,Eclipse这些IDE打交道是不够的,这些软件只是开发平台,并不包含强大的调试工具,或者说调试工具功能平平。如果你使用的是Firefox浏览器的话,那么大量的扩展支持可以丰富Firefox的应用范围,其中包含了大量方便Web设计师的工具。因此,我选择了9个较为常用或者重要的扩展作为推荐。

Web Developer

9firefoxaddonswebdeveloper 9个Web设计师必备的Firefox扩展

Web Developer是个相当强大的调试工具,可以针对HTML,CSS,图片,JS,Cookie做调试。Web Developer可以对网页上的每一类或者具体到每一个元素做出调试,比如显示DIV顺序,显示图片alt属性。可以说Web Developer是最为重要的一个调试与测试工具。

Firebug

9firefoxaddonsfirebug 9个Web设计师必备的Firefox扩展

大名鼎鼎的Firebug几乎每个人都知道,他的强项在于它调试功能非常强,不管是查看HTML或者CSS结构,还是JavaScript都能很好的胜任。在Firebug中可以直接以CSS的盒子模型来查看元素的属性等等。

IE Tab / Coral IE Tab

9firefoxaddonscoralietab 9个Web设计师必备的Firefox扩展

顾名思义,IE Tab就是在Firefox中模拟IE下显示效果的扩展。众所周知,微软的IE系列对于W3C的标准支持相当的糟糕,而且还喜欢自己树立一套标准,这对开发人员来说简直就是灾难。由于IE市场占有的高居不下,开发人员有必要保证让使用IE的用户也能看到正常的页面,所以需要在IE中测试效果。而IE Tab可以直接在Firefox中模拟IE中显示的效果,而不需要打开IE再测试,相当的方便。另外IE Tab对于非开发者来说也很有用,因为中国的网络银行比较恶心,很多只能在IE中运行,甚至包括IE6-only的,因为IE Tab可以帮助用户直接在Firefoz中操作网银。Coral IE Tab是IE Tab的增强版,支持Cookies等特性。

User Agent Switcher

9firefoxaddonsuseragentswitcher 9个Web设计师必备的Firefox扩展

很好理解,User Agent Switcher就是在不同的User Agent中切换的,方便查看在不同的User Agent下的显示效果。不明白什么是User Agent?这里有解释(英文)

QuickJava

9firefoxaddonsquickjava 9个Web设计师必备的Firefox扩展

名字中只包含Java,但是QuickJava能干的事情不只是与Java有关。QuickJava其实是迅速的打开/关闭Java,JavaScript等特性的开关,测试在未开启这些特性的浏览器上的显示效果。包括JavaScript,Java,Flash,SilverLight,图像,CSS。

HTML Validator

9firefoxaddonshtmlvalidator 9个Web设计师必备的Firefox扩展

这是个HTML验证器,检测制作出来的HTML页面是否符合W3C的标准,包含3种测试算法。其实只要做出来的页面没有错误的话,在大多数浏览器上都能够正常显示。

View Source Chart

9firefoxaddonsviewsourcechart 9个Web设计师必备的Firefox扩展

此扩展能够将源代码格式化为结构性强的视图,就像上图中的这样,一眼就能看出来源代码的结构,检查起来比较方便。

Screengrab

9firefoxaddonsscreengrab 9个Web设计师必备的Firefox扩展

其实这个是用来截取页面内容的插件,看似和设计关系不到,但是截取整个页面的内容,作为成果展示,这样的插件还是不错的。

FireFTP

9firefoxaddonsfireftp 9个Web设计师必备的Firefox扩展

顾名思义,这是个FTP扩展。设计出来的东西总归要上传到服务器上的,使用单独的FTP软件比较麻烦,而使用FireFTP的话直接可以在Firefox的标签中上传,相当的方面。

以上扩展是我个人的归纳与总结,如果你有什么推荐的话可以告诉我。

Related Posts

5 comments:

  1. A.shun, 21. May 2010, 16:36

    都是优秀的插件,Coral IE Tab可以同步cookies,很赞

    不过User Agent好像对页面的显示效果影响甚微,修改ua信息和用其他浏览器来看是完全不同的

    Reply

    SoleilNeon Reply:

    嗯,毕竟核心还是不同的。

    Reply

     
  2. smigoo, 22. May 2010, 17:33

    firefox我喜欢啊 哈哈 这几个我都装的

    Reply

    SoleilNeon Reply:

    不错不错,值得表扬一下!

    Reply

     
  3. Compare, 11. August 2011, 14:48

    恩,不错,有四个是我经常使用的,博主总结了很好的资源,以后会经常来,踩踩哦

    Reply

     

Write a comment: