盤點：崛起中的九大HTML5開發工具

標籤：

　HTML5被看做是Web開發人員建立流行Web應用的利器，增加了對視頻和Canvas 2D的支援。HTML5的誕生還讓人們重新審視瀏覽器專用多媒體外掛程式的未來，如Adobe的Flash和微軟的Silverlight，HTML5為實現這些外掛程式的功能提供了一種標準化的方式。

　　雖然HTML5標準尚未開發完成，但是隨著開發人員對HTML5的興趣日漸濃厚，開發工具供應商也開始跟進。以下介紹的9款應用工具已經能夠協助開發人員在程式中整合HTML5功能。

　　一、Adobe Edge

　　目前還處於預覽階段的Adobe Edge是用HTML5、CSS、JavaScript開發動態互動內容的設計工具。內容可以同時相容行動裝置和案頭電腦。Edge的一個重要功能是Web工具包介面，方便確保頁面在不同瀏覽器中的架構一致性，此外Edge還將整合TypeKit這樣的字型服務。

　　動畫和圖形可以添加到HTML元素中，程式也能通過Edge自身的程式碼片段庫或者JavaScript代碼進行擴充。動畫可以在獨立的時間軸上進行嵌套，還能實現互動功能。符合可以服用並通過API和程式碼片段控制。通過Edge設計的內容可以相容iOS和Android裝置，也可以運行在Firefox、Chrome、Safari和IE9等主流瀏覽器。

　　二、Adobe Dreamweaver CS6

　　Adobe Dreamweaver CS6作為一個Web設計軟體，提供了對HTML網站和移動程式的可視化編輯介面。其Fluid Grid排版系統整合CSS樣式表功能，提供自適應版面的跨平台相容性。開發人員可以完全實現Web設計的可視化操作，無需為代碼所困。

　　使用者不但還能在Live View中預覽，還提供多螢幕預覽功能。開發人員可以通過MultiScreen預覽面板查看HTML5內容的渲染效果。Live View通過WebKit渲染引擎支援HTML5。

　　三、Adobe ColdFusion 10

　　ColdFusion是用來開發企業Web程式的伺服器端技術，通過Websockets、互動表單、視頻和地理位置標籤等HTML5技術建立富媒體使用者體驗。

　　四、Sencha Architect 2

　　在開發移動和案頭應用的工具中，Sencha的定位是HTML5可視化應用開發。Team Dev可以在一個單一整合的環境中完成應用的設計、開發和部署。開發人員還可以開發Sencha Touch2和Ext JS4 JavaScript應用，並即時預覽。

　　五、Sencha Touch 2

　　Sencha Touch2是行動裝置 App架構，也被看作是Sencha的HTML5平台。開發人員可以用它開發面向iOS、Android和Blackberry、Kindle Fire等多種平台的行動裝置 App。

　　六、Dojo Foundation Maqetta

　　來自於IBM的一個項目，Dojo Foundation Maqetta是為案頭和行動裝置開發HTML5應用的開源工具，支援在瀏覽器中查看HTML5介面。使用者體驗設計師可以通過拖放組裝UI樣板。

　　七、微軟Visual Studio 2010 ServicePack 1

　　雖然一開始並不支援HTML5，但微軟在2011年三月發布的Visual Studio 2010 SP1中提供了IntelliSense，追加了針對HTML5的一些元素。

　　八、JetBrains WebStorm 4.0

　　作為擁有HTML編輯器的JavaScript整合式開發環境，WebStorm4.0提供了開發web應用的HTML5樣板。開發人員可以在建立HTML文檔時可獲得對HTML5檔案的支援。例如砍伐者鍵入。開發人員還可以在chrome瀏覽器中即時預覽HTML文檔。

　　九、Google Web Toolkit

　　該開發工具用於開發瀏覽器應用，但庫中支援很多HTML5功能。包括對用戶端或web儲存的支援。其他HTML5功能還包括支援Canvas可視化，以及音頻和視頻widget。

盤點：崛起中的九大HTML5開發工具