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

1)jQuery和jQuery Mobile

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

相關(guān)資料：

◆ jQuery從入門到精通

◆ jQuery給力插件大閱兵

◆ jQuery Mobile基礎(chǔ)入門教程

◆ jQuery插件開發(fā)實(shí)戰(zhàn)場(chǎng)

2)CSS3 PIE

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

3)Bootstrap

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

4)LESS

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

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

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

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

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

【編輯推薦】

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