2011 年最受欢迎的 9 款 Web 开发工具

8顶
1踩

2011-12-14 17:44 by 正式编辑 sherry617 评论(10) 有11955人浏览

web开发 jQuery CSS

虽然基于浏览器的操作系统还未风靡全球，但对Web开发者来说，2011年无疑是一个Web开发的最佳时期。

下面我们来看看由readwriteweb.com评选出来的2011年最受Web开发人员欢迎的工具。

1. jQuery和jQuery Mobile

说到Web开发工具不能不提jQuery。jQuery是一款免费且开放源代码的JavaScript代码库，据微软关于jQuery的调查显示，jQuery在受访网站中的使用率已从2010年12月的27%上升到2011年12月的42%。

jQuery Mobile 1.0的发布推动了移动开发的发展。jQuery mobile意味着可以应用在“所有主流手机、平板电脑、电子阅读器，甚至台式电脑”上。虽然其实现起来有些困难，但从目前来看，jQuery mobile还是广受好评的。

当然也有人对其存在质疑，认为jQuery 需要“减肥”，不过对于所有趋于成熟的项目来说，有质疑声并不例外，毕竟大多数成功都伴随着反对的声音。

2. CSS3 PIE

Web开发者都比较喜欢PIE（Progressive Internet Explorer），特别是要克服IE老版本缺点的Web开发人员。因为开发者不可能掌控市场说服用户将浏览器升级到最新版本，但他们可以增强浏览器。

CSS3 PIE为IE带来了一些新的特性，想知道是如何实现的吗？你可在GitHub上查看演示和文件。该工具基于GPL V2 和 Apache Licence 2.0。

PIE 1.0的第5个测试版已于今年9月发布，它支持IE9并修复了IE6到IE8的一些小问题。

3. Bootstrap

今年8月，Twitter推出了一个名为Bootstrap的开发工具包。该工具包自发布以来，一直是GitHub上热门的开源项目。

对于开发Web网站和应用程序的人来说，Bootstrap提供了一套CSS标准解决方案，开发者可以以Bootstrap为原型，或通过Bootstrap（就像Twitter一样）来提供一个跨网站/应用程序的统一设计。

Bootstrap易于使用，只需将预编译的CSS拉到你的项目里，或使用LESS编译修改后的版本即可。

4. LESS

LESS是一个动态的样式表语言，使CSS更易于表现和使用。标准CSS不支持变量、函数、运算符等，但LESS拓展了CSS的语法，例如，只用定义一种颜色一次，就可以通过样式表与一个单一变量一起使用（比如用“@color”代替“#4D6F92”）。LESS使你在改变网站设置时更加便捷有效。

LESS可以定义并重复使用类，甚至可以为网页中的元素使用运算符。如果你想了解更多关于LESS的信息，该网站有大量的示例和源码，可在GitHub上查看。该工具基于Apache License 2.0。

5. Chrome开发者工具

Firefox即将死亡的预言或许被夸大其词了，但可以肯定的是Chrome正在占据越来越大的市场份额，其中最主要的一个原因是Web开发人员喜欢Chrome自带的开发者工具。

Chrome开发者工具主要基于 WebKit's Web Inspector（开放源代码WebKit项目的一部分），可让Web开发人员随时对网页的CSS、HTML和JavaScript进行实时编辑、调试以及监控。该工具不仅能帮助诊断、修复在网页加载、脚本执行以及页面呈现中出现的问题，还可以帮助开发者最大限度地了解网页或网络应用程序对CPU以及内存的使用情况。

如果你是一个浏览器开发工具的使用者，建议你看看Andi Smith的“关于浏览器开发工具的25个秘密”和Paul Irish的小贴士，还有2011年Google I/O的视频，以及Boris Smus的说明。

6. SourceKit 和 Ace：一流的基于浏览器的集成开发环境

对于Web开发者来说，我认为最好的文本编辑器是Vim。但如果是基于浏览器的IDE，开发者更倾向于Ace和Ace-based SourceKit（据对ReadWriteHack读者的调查显示）。

ACE是一个独立的编辑器，以前叫做“Bespin”和“Skywriter”。SourceKit是一款基于ACE的Chrome扩展。虽然ACE更灵活，能模拟几种常用的编辑器（包括vi），但我更喜欢Chrome SourceKit。

7. PhoneGap

想在移动设备上开发出类似于本地应用程序的HTML5应用程序？PhoneGap似乎牢牢占据着最受欢迎的解决方案这一宝座。

开发人员只需构建一个应用程序一次，然后使用PhoneGap将其部署到多个平台。PhoneGap支持IOS、Android、Windows Phone、黑莓以及WebOS等。但是目前还不知道该平台在2012年的需求有多大。

PhoneGap为手机提供访问硬件和本地应用的接口，例如摄像头、加速度计、网络、地理位置、联系人和通知。

Adobe公司在年初收购了PhoneGap的开发商Nitobi，不过目前PhoneGap已经转到了Apache软件基金会（ASF），存在于Apache Incubator。如果你还不了解PhoneGap，这里有入门指南和视频教程。

8. Popcorn 和 Popcorn.js

Popcorn.js是Mozilla Popcorn 项目的一部分，是一个 JavaScript 库，提供基于时间、通过网络来实现的交互式媒体，不需要Flash来显示视频，还可以创建基于时间轴的Web演示，包括HTML5的音视频、使用音视频或其他网络元素的演示。

Popcorn.js承诺将集成Web服务内容，比如维基百科、Twitter、Facebook、YouTube、谷歌地图。早期的演示表明其希望能在视频中加入基于时间覆盖的内容链接。比如你可以创建一个视频演示，在某个特定的时间点将更多的信息链接过来。

现在，Popcorn.js还在早期发展阶段，要想在Web开发中流行起来还需要一定的时间，但其前景不错。

9. Waterbear

虽然我不太看好Waterbear，但其还是值得我们来探讨一番的，因为对于新手来说，这是一个很好的入门工具。可以使用HTML5、CSS3和JavaScript内置的“draggable、snappable blocks”来创建程序。

Waterbear还处于测试阶段，但随着它的不断变化发展，有希望成为受欢迎的系统。Waterbear是一款免费软件，基于Apache License 2.0，大家可以在GitHub上查看。

当然，以上对这些工具的评论是我根据2011年的情况发表的主观看法，希望Web开发人员都能找到对自己来说最顶级、最有用的工具。

英文原文：http://www.readwriteweb.com/archives/top_web_developer_tools_of_2011.php

查看图片附件

分享到：

8
顶

1
踩

评论共 10 条请登录后发表评论

10 楼 gouerli 2011-12-21 17:47

感觉身边人还是用firefox 和ie8的调试工具比较多

9 楼幻无极 2011-12-15 20:25

功能上除了network的返回HTML和XML，JSON中没有格式化和即时HTML显示，其它firebug该有的功能都有，就是用起来不简洁，network监控点开后还要新跳一个窗口
console命令行只一行显示等等

断点时还是很猛的，错误堆栈很足，而且直接在js显示里支持js格式化，对于现在js是压缩版来说

8 楼一口三个汉堡 2011-12-15 17:29

很不错...学习学习,想学PhoneGap ...

7 楼拜月小刀 2011-12-15 14:53

chrome 的广告太恶心了。。。

调试工具没觉得比firbug强盗哪里去。。。。。

6 楼 Sev7en_jun 2011-12-15 13:03

哎呀，一个都没用过！！！！落伍啦

5 楼 ruiyingyu 2011-12-15 12:58

Chrome开发工具确实不错，而且在一些方面要胜过firebug。例如：firebug在断点跟踪时候，有时候有些异常没有捕获到，很容易造成浏览器死掉。不过平时，还是主用firebug，毕竟习惯了。个人觉得firebug看起来要简洁点。

4 楼 diferent 2011-12-15 11:31

xiaovsme 写道

guilipan 写道

chrome的调试工具比firebug好?至少我身边没一个人这么认为的

最近刚开始使用chrome的开发人员工具，感觉还是有不少亮点的，比如console里直接输入js去获取页面中的元素，控制dom，这点特别利于js的调试

css的调试，chrome已经是不错的了

唯一觉得有点遗憾的是没有firebug那样监控网络请求，看不到post中的数据，也许是我没找到，知道的不妨吼一声

在Network里有啊. Headers

3 楼 xiaovsme 2011-12-15 11:14

guilipan 写道

chrome的调试工具比firebug好?至少我身边没一个人这么认为的

2 楼 iaimstar 2011-12-15 10:35

chrome份额占得多那是因为好用好吧

1 楼 guilipan 2011-12-15 09:50

chrome的调试工具比firebug好?至少我身边没一个人这么认为的

发表评论

您还没有登录,请您登录后再发表评论

8顶1踩