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

9-must-installed-firefox-addons-for-web-designers

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

Web Developer

9-firefox-addons-webdeveloper

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

Firebug

9-firefox-addons-firebug

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

IE Tab / Coral IE Tab

9-firefox-addons-coralietab

顾名思义,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

9-firefox-addons-useragentswitcher

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

QuickJava

9-firefox-addons-quickjava

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

HTML Validator

9-firefox-addons-htmlvalidator

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

View Source Chart

9-firefox-addons-viewsourcechart

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

Screengrab

9-firefox-addons-screengrab

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

FireFTP

9-firefox-addons-fireftp

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

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

5 Comments

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

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

    Reply

Leave a Comment.