作为网页设计师,如果只和Dreamweaver,Eclipse这些IDE打交道是不够的,这些软件只是开发平台,并不包含强大的调试工具,或者说调试工具功能平平。如果你使用的是Firefox浏览器的话,那么大量的扩展支持可以丰富Firefox的应用范围,其中包含了大量方便Web设计师的工具。因此,我选择了9个较为常用或者重要的扩展作为推荐。
Web Developer是个相当强大的调试工具,可以针对HTML,CSS,图片,JS,Cookie做调试。Web Developer可以对网页上的每一类或者具体到每一个元素做出调试,比如显示DIV顺序,显示图片alt属性。可以说Web Developer是最为重要的一个调试与测试工具。
大名鼎鼎的Firebug几乎每个人都知道,他的强项在于它调试功能非常强,不管是查看HTML或者CSS结构,还是JavaScript都能很好的胜任。在Firebug中可以直接以CSS的盒子模型来查看元素的属性等等。
顾名思义,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就是在不同的User Agent中切换的,方便查看在不同的User Agent下的显示效果。不明白什么是User Agent?(英文)
名字中只包含Java,但是QuickJava能干的事情不只是与Java有关。QuickJava其实是迅速的打开/关闭Java,JavaScript等特性的开关,测试在未开启这些特性的浏览器上的显示效果。包括JavaScript,Java,Flash,SilverLight,图像,CSS。
这是个HTML验证器,检测制作出来的HTML页面是否符合W3C的标准,包含3种测试算法。其实只要做出来的页面没有错误的话,在大多数浏览器上都能够正常显示。
此扩展能够将源代码格式化为结构性强的视图,就像上图中的这样,一眼就能看出来源代码的结构,检查起来比较方便。
其实这个是用来截取页面内容的插件,看似和设计关系不到,但是截取整个页面的内容,作为成果展示,这样的插件还是不错的。
顾名思义,这是个FTP扩展。设计出来的东西总归要上传到服务器上的,使用单独的FTP软件比较麻烦,而使用FireFTP的话直接可以在Firefox的标签中上传,相当的方面。
以上扩展是我个人的归纳于总结,如果你有什么推荐的话可以告诉我。