过去一提到FIREFOX上的开发工具就有人会说Web Developer工具条,实际上Firebug的功能要强大的多,也更有针对性。不过以前的版本侧重于JS程序的调试和查错,掩盖了其他方面的应用,而前段时间发布的1.0 beta版则完全摆脱了这个束缚,即使不算是改头换面,功能也有质的飞跃,比如分析页面DOM,查看CSS的功能:
从下图中可以看到,现在Firebug能完整的显示DOM和源代码(包括所有属性和文本节点),很多细节都考虑的很周到,比如display:none的元素会显示为浅灰色,鼠标滑过图片地址和颜色代码时还会显示注释窗口。最重要的改进是:能分类列出某一元素的所有样式——包括从上级节点继承的样式,被覆盖的继承样式也会用划线标识出来,这项功能实用到极点了,可以大幅减少修改CSS花费的时间。Firebug的作者一定是对网站前端开发过程非常有经验的人。

在这个界面还可以直接修改代码观察效果
点击右栏里的layout标签会显示出一个图形化的框模型(按照《精通CSS》的译法,BOX叫框模型似乎比叫盒模型更贴切),元素每条边的padding、margin、border、坐标都一目了然,鼠标移到某一个条边上时,页面里还会显示标尺

主导航里多了一个NET标签,可以统计加载各种文件花费的时间,包括XMLHttprequest

JS的调试也更方便,控制台里可以写多行代码,还可以在源代码里设置断点。
不管是网页设计人员还是程序员,只要涉及到WEB前端,这个扩展都应该是必备的。虽然目前是BETA版,但新功能都没有任何问题,使用了一个月左右也没发现会引起浏览器不稳定,何况1.0还加入了一个新功能,可以在日常上网中屏蔽FIREBUG,避免占用资源。

在ubuntu上安装这些软件很简单,都可以直接用APT获取:
sudo apt-get install wine cabextract
然后下载IEs4Linux的压缩包,解压、安装……
BTW,除了WEB开发,还有一种情况下会需要用IE——使用网上银行,因为国内的银行都是采用ActiveX和微软直接提供的底层开发技术,不过这里有一个方法可以让FIREFOX支持网上银行。
至于其他浏览器,opera虽然不是开源的,但也被加入到ubuntu的源里了,可以直接用APT下载……不过,大概没有多少WEB开发者会为这个东西的兼容性浪费时间罢,反正据我了解opera的用户也不在乎这个……至于苹果的Safari,我不知道有没有LINUX版本,但Safari的WebKit内核是从KDE项目的KHTML及KJS衍生而来的,也就是说KDE的浏览器Konqueror的性能大概跟Safari差不多,用ubuntu当然可以直接安装Konqueror(APT管理工具里每个软件类别都包括一大堆K字开头的软件……很让人困扰,另外,ubuntu有专门的KDE桌面版本,叫Kubuntu)
浏览器的问题解决了,接下来就是程序的运行环境。就在前天,系统刚好就提示更新了一大堆带“MONO”的文件,MONO就是把微软.net+C#移植到开源平台上的项目,最早是由Ximian(这家公司跟UBUNTU采用的桌面系统GNOME有很大关系,对这段历史感兴趣可以看看这篇文章:《GNOME与KDE的战争》)主持开发的,FC6和SUSE Linux里都安装了,习惯用.net和C#的人可以试试这个,虽然我不认为习惯用.net的人会去安装UBUNTU……
不过最近Ximian的母公司Novell跟微软达成合作协议,似乎承认MONO包含了微软的专利技术,现在其他LINUX厂商对MONO都有顾虑了……似乎没什么前途……我要说,在LINUX上开发还是老老实实用开源的罢,珍珠、蟒蛇、红宝石、爪哇……都是很强很有前途的高级语言亚,微软的技术总让人觉得不稳定,而以上的开源语言在这么多年里都没有过时,比如Python,虽然在国内不流行,但Google招聘时却很重视这个……
反正我首先装的是JDK,用APT可以直接安装JDK或JRE,但我在安装到java5-bin时会报错,似乎是很少见的问题,我只好直接在SUN的网站上下载了一个JDK安装包(sun-j2sdk1.5_1.5.0+update09_i386.deb),安装成功……
然后自然要配置一套大名鼎鼎的LAMP,也就是Linux+Apache+Mysql+PHP,详细的教程已经很多了,没什么好说的,参考《打造Ubuntu下的SLAMP》
其他的环境,比如ruby,我还没有装,因为暂时用不上……
最后就是开发工具了,建议直接装Eclipse,APT里就有,虽然Linux里也有替代Dreamweaver的开源软件:Bluefish和NVU,后者是mozilla的产品。不过它们的功能都很有限,就算是Dreamweaver我也有很久没用过了,在公司里只装了2个软件:Aptana和Editplus,一个重量级一个轻量级……
Editplus的替代品很容易找,只要是支持语法高亮和标签页的文本编辑器就行了。
而Aptana是目前我觉得最有前途的WEB开发工具,功能非常强大,针对性很强,包括代码自动补全、代码纲要(Outliner)、语法检查、注释、浏览器兼容信息、CSS校验、JS控制台、导入/管理JS框架等等。虽然体积庞大,有点占资源,但它提供的帮助也能节省很多时间。用一个基于Eclipse开发的IDE来写网页并不是杀鸡用牛刀,因为现在的网站对javascript和前端开发的要求越来越高了,就算只是写CSS的工具,我也没看到有胜过Aptana的——前提是你不依赖那些对话框来编辑CSS
这里推荐用插件形式来安装Aptana,这样可以方便扩展功能,比如对PHP、Python的支持,Linux上的IDE本来就不多。而且直接安装Aptana的时候会自动装JRE,可能会引起冲突。先用APT或“新立得”安装Eclipse,在Eclipse的帮助菜单里找到Software Updates,选择Find and Install,在对话框里选第2项Search for new features to install,然后新建New Remote Site,名字Aptana,地址填“http://update.aptana.com/install/”,添加这个站点后再点Finish,Eclipse就开始自动连接站点寻找Aptana插件,检测到之后点NEXT安装就行了。

从图中可以看到,软件的UI有些偏大,字体也不好看,据说升级到JDK6以后会有很大改观:
对于 Linux 用户来说,Java 1.6 有两项新特性特别引人注目:一是支持 GTK 图形主题,这样 Java 应用程序的外观与系统的默认外观看起来很一致;二是内嵌新的字体渲染引擎会应用系统默认的字体配置,使 Java 应用程序的效果看起来很好,如果是 LCD 屏幕,则更佳。
最后的问题就是改图,由于Linux上没有adobe的产品,只能用GIMP,这东西功能很强,而且有大量资源的支持,但我还没习惯…………