雖然基于瀏覽器的操作系統(tǒng)還未“雄霸天下”，但對Web開發(fā)者來說2011年無疑是“風景不錯”的一年。這是一個適合Web開發(fā)的“美好時代”，有很多有史以來最好的開發(fā)工具可供使用，下面我們將介紹五款2011年最受歡迎的Web開發(fā)工具：

1)jQuery和jQuery Mobile

jQuery是一款免費且開放源代碼的JavaScript代碼庫，而jQuery Mobile是jQuery在手機和平板上的版本。jQuery Mobile不僅能給主流移動平臺帶來jQuery核心庫，還能發(fā)布一個完整統(tǒng)一的jQuery移動UI框架，支持全球主流的手機、平板、電子閱讀器、臺式電腦等平臺。據(jù)微軟關(guān)于jQuery的調(diào)查顯示，jQuery在受訪網(wǎng)站中的使用率已從2010年12月的27%上升到2011年12月的42%。

相關(guān)資料：

◆ jQuery從入門到精通

◆ jQuery給力插件大閱兵

◆ jQuery Mobile基礎入門教程

◆ jQuery插件開發(fā)實戰(zhàn)場

2)CSS3 PIE

CSS3 PIE(“Progressive Internet Explorer”的縮寫)工具可以讓IE6至IE8的所有版本實現(xiàn)大多數(shù)的CSS3修飾特性，如圓角、陰影、漸變等等。通過這個工具，開發(fā)者可以在線修改想要的效果，并即時生成css代碼。

3)Bootstrap

今年8月，Twitter推出了一個名為Bootstrap的開發(fā)工具包，將Web應用開發(fā)與部署變得更為簡單快捷。Bootstrap包是一個簡單的程序庫，同時提供優(yōu)雅的HTML和CSS規(guī)范。Bootstrap使用了一些最新的Web瀏覽器技術(shù)，向開發(fā)者提供時尚的排版、樣式、按鈕、表格、網(wǎng)格、導航等服務，而且占用資源很小，用gzip壓縮后只有6K左右。

4)LESS

LESS是一個CSS開發(fā)管理的強大工具，拓展了CSS的變量、運算符、include、嵌套規(guī)則等語法。LESS從Ruby的LESS library衍生而來，免費開源，實現(xiàn)了和CSS的無縫結(jié)合。此外，LESS可以配置成自動最小化所生成的CSS文件，不僅可以節(jié)省帶寬，還可以改善最終用戶的體驗。

5)Chrome開發(fā)人員工具

火狐即將死亡的預言或許被夸大其詞了，但可以肯定的是Chrome正在侵蝕越來越大的市場份額，其中最主要的一個原因是Web開發(fā)人員喜歡Chrome捆綁自帶的開發(fā)人員工具。

Chrome開發(fā)人員工具主要基于WebKit網(wǎng)絡檢查器(開放源代碼WebKit項目的一部分)，可讓Web開發(fā)人員隨時隨地對網(wǎng)頁的CSS、HTML和JavaScript進行實時編輯、調(diào)試以及監(jiān)控。該工具不僅能幫助診斷、修復在網(wǎng)頁加載、腳本執(zhí)行以及頁面呈現(xiàn)中出現(xiàn)的問題，還可幫助最大限度地了解網(wǎng)頁或網(wǎng)絡應用程序?qū)PU以及內(nèi)存的使用情況。

原文：http://www.leiphone.com/top-web-developer-tools.html

【編輯推薦】

1. 程序員必備:10個匿名瀏覽網(wǎng)頁的隱私保護工具
2. 揭秘谷歌8大熱點新工具 開發(fā)者必備
3. 推薦5個免費項目管理工具
4. Web開發(fā)者必備的JavaScript單元測試工具
5. 51CTO專項調(diào)研：2011年中國Web開發(fā)工具選擇和使用情況