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