2011 年最受欢迎的 9 款 Web 开发工具
openkk 13年前
<div style="text-align:center;"> <img alt="2011 年最受欢迎的 9 款 Web 开发工具 " src="https://simg.open-open.com/show/3e9569412e3a006efbd1d73f1a1c07a2.jpg" width="200" height="153" /> <br /> </div> <br /> 虽然 <a href="/misc/goto?guid=4958318696042014109" target="_blank">基于浏览器的操作系统</a>还未风靡全球，但对Web开发者来说，2011年无疑是一个Web开发的最佳时期。 <br /> <br /> 下面我们来看看由 <a href="/misc/goto?guid=4958317091326622781" target="_blank">readwriteweb.com</a>评选出来的2011年最受Web开发人员欢迎的工具。 <br /> <br /> <strong>1. <a href="/misc/goto?guid=4958183308549259819" target="_blank">jQuery</a>和<a href="/misc/goto?guid=4958183601317272178" target="_blank">jQuery Mobile</a></strong> <br /> <br /> <div style="text-align:center;"> <img alt="2011 年最受欢迎的 9 款 Web 开发工具 " src="https://simg.open-open.com/show/41650cebcc1792346b9a56e27168d21f.jpg" width="300" height="136" /> </div> <br /> <br /> 说到Web开发工具不能不提jQuery。jQuery是一款免费且开放源代码的JavaScript代码库，据 <a href="/misc/goto?guid=4958318699015113188" target="_blank">微软关于jQuery的调查</a>显示，jQuery在受访网站中的使用率已从2010年12月的27%上升到2011年12月的42%。 <br /> <br /> <a href="/misc/goto?guid=4958199976561754234" target="_blank">jQuery Mobile 1.0的发布</a>推动了移动开发的发展。jQuery mobile意味着可以应用在“所有主流手机、平板电脑、电子阅读器，甚至台式电脑”上。虽然其实现起来有些困难，但从目前来看，jQuery mobile还是广受好评的。 <br /> <br /> 当然也有人对其存在质疑，认为jQuery 需要 <a href="/misc/goto?guid=4958318700548506259" target="_blank">“减肥”</a>，不过对于所有趋于成熟的项目来说，有质疑声并不例外，毕竟大多数成功都伴随着反对的声音。 <br /> <br /> <strong>2. <a href="/misc/goto?guid=4958318701332706233" target="_blank">CSS3 PIE</a></strong> <br /> <br /> <div style="text-align:center;"> <img alt="2011 年最受欢迎的 9 款 Web 开发工具 " src="https://simg.open-open.com/show/d8dfe7f9e1f28321626f06adbbb73c03.jpg" width="300" height="122" /> </div> <br /> <br /> Web开发者都比较喜欢PIE（Progressive Internet Explorer），特别是要克服IE老版本缺点的Web开发人员。因为开发者不可能掌控市场说服用户将浏览器升级到最新版本，但他们可以 <a href="/misc/goto?guid=4958318701332706233" target="_blank">增强浏览器</a>。 <br /> <br /> CSS3 PIE为IE带来了一些新的特性，想知道是如何实现的吗？你可在 <a href="/misc/goto?guid=4958318702837922245" target="_blank">GitHub</a>上查看 <a href="/misc/goto?guid=4958318703625242730" target="_blank">演示</a>和 <a href="/misc/goto?guid=4958318704417949143" target="_blank">文件</a>。该工具基于GPL V2 和 Apache Licence 2.0。 <br /> <br /> <a href="/misc/goto?guid=4958318705206918214" target="_blank">PIE 1.0的第5个测试版</a>已于今年9月发布，它支持IE9并修复了IE6到IE8的一些小问题。 <br /> <br /> <strong>3. <a href="/misc/goto?guid=4958317089761153244" target="_blank">Bootstrap</a></strong> <br /> <br /> 今年8月，推ter推出了一个名为Bootstrap的开发工具包。该工具包自发布以来，一直是GitHub上热门的开源项目。 <br /> <br /> 对于开发Web网站和应用程序的人来说，Bootstrap提供了一套CSS标准解决方案，开发者可以以Bootstrap为原型，或通过Bootstrap（就像推ter一样）来提供一个跨网站/应用程序的统一设计。 <br /> <br /> Bootstrap易于使用，只需将预编译的CSS拉到你的项目里，或使用LESS编译修改后的版本即可。 <br /> <br /> <strong>4. <a href="/misc/goto?guid=4958318706716927602" target="_blank">LESS</a></strong> <br /> <br /> <div style="text-align:center;"> <img alt="2011 年最受欢迎的 9 款 Web 开发工具 " src="https://simg.open-open.com/show/dd478368c19740b8309eb91ad4ab630d.jpg" width="237" height="95" /> </div> <br /> <br /> LESS是一个动态的样式表语言，使CSS更易于表现和使用。标准CSS不支持变量、函数、运算符等，但LESS拓展了CSS的语法，例如，只用定义一种颜色一次，就可以通过样式表与一个单一变量一起使用（比如用“@color”代替“#4D6F92”）。LESS使你在改变网站设置时更加便捷有效。 <br /> <br /> LESS可以定义并重复使用类，甚至可以为网页中的元素使用运算符。如果你想了解更多关于LESS的信息，该网站有大量的 <a href="/misc/goto?guid=4958318707498579987" target="_blank">示例和源码</a>，可在 <a href="/misc/goto?guid=4958318708281911727" target="_blank">GitHub</a>上查看。该工具基于Apache License 2.0。 <br /> <br /> <strong>5. <a href="/misc/goto?guid=4958317090546788541" target="_blank">Chrome开发者工具</a></strong> <br /> <br /> <div style="text-align:center;"> <img alt="2011 年最受欢迎的 9 款 Web 开发工具 " src="https://simg.open-open.com/show/b9469383ef8b140469bcfa2c34a720c9.jpg" width="600" height="585" /> </div> <br /> <br /> Firefox即将死亡的预言或许被夸大其词了，但可以肯定的是Chrome正在占据越来越大的市场份额，其中最主要的一个原因是Web开发人员喜欢Chrome自带的开发者工具。 <br /> <br /> Chrome开发者工具主要基于 <a href="/misc/goto?guid=4958318709785000911" target="_blank">WebKit's Web Inspector</a>（开放源代码WebKit项目的一部分），可让Web开发人员随时对网页的CSS、HTML和JavaScript进行实时编辑、调试以及监控。该工具不仅能帮助诊断、修复在网页加载、脚本执行以及页面呈现中出现的问题，还可以帮助开发者最大限度地了解网页或网络应用程序对CPU以及内存的使用情况。 <br /> <br /> 如果你是一个浏览器开发工具的使用者，建议你看看Andi Smith的 <a href="/misc/goto?guid=4958318710569157346" target="_blank">“关于浏览器开发工具的25个秘密”</a>和 <a href="/misc/goto?guid=4958318711359470371" target="_blank">Paul Irish的小贴士</a>，还有 <a href="/misc/goto?guid=4958318712150155167" target="_blank">2011年Google I/O的视频</a>，以及 <a href="/misc/goto?guid=4958318712927547195" target="_blank">Boris Smus的说明</a>。 <br /> <br /> <strong>6. <a href="/misc/goto?guid=4958318713706991144" target="_blank">SourceKit</a> 和 <a href="/misc/goto?guid=4958318714497533914" target="_blank">Ace</a>：一流的基于浏览器的集成开发环境</strong> <br /> <br /> <div style="text-align:center;"> <img alt="2011 年最受欢迎的 9 款 Web 开发工具 " src="https://simg.open-open.com/show/cfa1601595adb93dc5a6b78e3f76fdab.jpg" width="599" height="505" /> </div> <br /> <br /> 对于Web开发者来说，我认为最好的文本编辑器是 <a href="/misc/goto?guid=4958318715281446423" target="_blank">Vim</a>。但如果是基于浏览器的IDE，开发者更倾向于Ace和Ace-based SourceKit（据对ReadWriteHack读者的调查显示）。 <br /> <br /> ACE是一个独立的编辑器，以前叫做“Bespin”和“Skywriter”。SourceKit是一款基于ACE的Chrome扩展。虽然ACE更灵活，能模拟几种常用的编辑器（包括vi），但我更喜欢Chrome SourceKit。 <br /> <br /> <strong>7. <a href="/misc/goto?guid=4958199139955699999" target="_blank">PhoneGap</a></strong> <br /> <br /> <div style="text-align:center;"> <img alt="2011 年最受欢迎的 9 款 Web 开发工具 " src="https://simg.open-open.com/show/b2315986a761f2b9afd2a66915483e4c.png" width="300" height="300" /> </div> <br /> <br /> 想在移动设备上开发出类似于本地应用程序的HTML5应用程序？PhoneGap似乎牢牢占据着最受欢迎的解决方案这一宝座。 <br /> <br /> 开发人员只需构建一个应用程序一次，然后使用PhoneGap将其部署到多个平台。PhoneGap支持IOS、Android、Windows Phone、黑莓以及WebOS等。但是目前还不知道该平台在2012年的需求有多大。 <br /> <br /> PhoneGap为手机提供访问 <a href="/misc/goto?guid=4958318716799097564" target="_blank">硬件和本地应用</a>的接口，例如摄像头、加速度计、网络、地理位置、联系人和通知。 <br /> <br /> Adobe公司在年初收购了PhoneGap的开发商Nitobi，不过目前PhoneGap已经转到了Apache软件基金会（ASF），存在于Apache Incubator。如果你还不了解PhoneGap，这里有 <a href="/misc/goto?guid=4958318717580896788" target="_blank">入门指南和视频教程</a>。 <br /> <br /> <strong>8. <a href="/misc/goto?guid=4958198235582578803" target="_blank">Popcorn</a> 和 <a href="/misc/goto?guid=4958198233274616260" target="_blank">Popcorn.js</a></strong> <br /> <br /> <div style="text-align:center;"> <img alt="2011 年最受欢迎的 9 款 Web 开发工具 " src="https://simg.open-open.com/show/cb24fa4438b29b6836c762a099153baf.gif" width="480" height="206" /> </div> <br /> <br /> Popcorn.js是 <a href="/misc/goto?guid=4958198235582578803" target="_blank">Mozilla Popcorn</a> 项目的一部分，是一个 <a href="/misc/goto?guid=4958318720541746944" target="_blank">JavaScript</a> 库，提供基于时间、通过网络来实现的交互式媒体，不需要Flash来显示视频，还可以创建基于时间轴的Web演示，包括HTML5的音视频、使用音视频或其他网络元素的演示。 <br /> <br /> Popcorn.js承诺将集成Web服务内容，比如维基百科、推ter、非死book、油Tube、谷歌地图。早期的演示表明其希望能在视频中加入基于时间覆盖的内容链接。比如你可以创建一个视频演示，在某个特定的时间点将更多的信息链接过来。 <br /> <br /> 现在，Popcorn.js还在早期发展阶段，要想在Web开发中流行起来还需要一定的时间，但其前景不错。 <br /> <br /> <strong>9. <a href="/misc/goto?guid=4958318721335936219" target="_blank">Waterbear</a></strong> <br /> <br /> 虽然我不太看好Waterbear，但其还是值得我们来探讨一番的，因为对于新手来说，这是一个很好的入门工具。可以使用HTML5、CSS3和JavaScript内置的“draggable、snappable blocks”来创建程序。 <br /> <br /> Waterbear还处于测试阶段，但随着它的不断变化发展，有希望成为受欢迎的系统。Waterbear是一款免费软件，基于Apache License 2.0，大家可以在 <a href="/misc/goto?guid=4958318722123637503" target="_blank">GitHub</a>上查看。 <br /> <br /> 当然，以上对这些工具的评论是我根据2011年的情况发表的主观看法，希望Web开发人员都能找到对自己来说最顶级、最有用的工具。 <br /> <br /> <br /> <strong>英文原文</strong>： <a href="/misc/goto?guid=4958317091326622781" target="_blank">http://www.readwriteweb.com/archives/top_web_developer_tools_of_2011.php</a> <br /> <span style="font-weight:bold;">转自</span>： <a href="/misc/goto?guid=4958318723640064996" target="_blank">http://www.iteye.com/news/23672</a>