HTML5開發(fā)工具集錦。

發(fā)表日期：2015/8/3 22:07:49 文章編輯：瀏覽次數(shù)：2836

HTML5被看做是web開發(fā)者創(chuàng)建流行web應用的利器，增加了對視頻和Canvas 2D的支持。HTML5的誕生還讓人們重新審視瀏覽器專用多媒體插件的未來，如Adobe的Flash和微軟的Silverlight，HTML5為實現(xiàn)這些插件的功能提供了一種標準化的方式。

雖然HTML5標準尚未開發(fā)完成，但是隨著開發(fā)者對HTML5的興趣日漸濃厚，開發(fā)工具提供商也開始跟進。以下介紹的9款應用工具已經(jīng)能夠幫助開發(fā)者在程序中集成HTML5功能。

一、Adobe Edge

目前還處于預覽階段的Adobe Edge 是用HTML5、CSS、JavaScript開發(fā)動態(tài)互動內(nèi)容的設(shè)計工具。內(nèi)容可以同時兼容移動設(shè)備和桌面電腦。Edge的一個重要功能是web工具包界面，方便確保頁面在不同瀏覽器中的架構(gòu)一致性，此外Edge還將整合TypeKit這樣的字體服務。

動畫和圖形可以添加到HTML元素中，程序也能通過Edge自身的代碼片段庫或者JavaScript代碼進行擴展。動畫可以在獨立的時間線上進行嵌套，還能實現(xiàn)互動功能。符合可以服用并通過API和代碼片段控制。通過Edge設(shè)計的內(nèi)容可以兼容iOS和Android設(shè)備，也可以運行在火狐、Chrome、Safari和IE9等主流瀏覽器。

二、Adobe Dreamweaver CS6

Adobe Dreamweaver CS6作為一個web設(shè)計軟件，提供了對HTML網(wǎng)站和移動程序的可視化編輯界面。其Fluid Grid 排版系統(tǒng)整合CSS樣式表功能，提供自適應版面的跨平臺兼容性。開發(fā)者可以完全實現(xiàn)web設(shè)計的可視化操作，無需為代碼所困。

用戶不但還能在Live View中預覽，還提供多屏幕預覽功能。開發(fā)者可以通過MultiScreen預覽面板查看HTML5內(nèi)容的渲染效果。Live View通過WebKit渲染引擎支持HTML5。

三、Adobe ColdFusion 10

ColdFusion是用來開發(fā)企業(yè)web程序的服務器端技術(shù)，通過websockets、互動表單、視頻和地理標簽等HTML5技術(shù)創(chuàng)建富媒體用戶體驗。

四、Sencha Architect 2

在開發(fā)移動和桌面應用的工具中，Sencha的定位是HTML5可視化應用開發(fā)。開發(fā)團隊可以在一個單一集成的環(huán)境中完成應用的設(shè)計、開發(fā)和部署。開發(fā)者還可以開發(fā)Sencha Touch2和Ext JS4 JavaScript應用，并實時預覽。

五、Sencha Touch 2

Sencha Touch2是移動應用框架，也被看作是Sencha的HTML5平臺。開發(fā)者可以用它開發(fā)面向iOS、Android和Blackberry、Kindle Fire等多種平臺的移動應用。

六、Dojo Foundation Maqetta

來自于IBM的一個項目，Dojo Foundation Maqetta是為桌面和移動設(shè)備開發(fā)HTML5應用的開源工具，支持在瀏覽器中查看HTML5界面。用戶體驗設(shè)計師可以通過拖放組裝UI樣板。

七、微軟Visual Studio 2010 ServicePack 1

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

八、JetBrains WebStorm 4.0

作為擁有HTML編輯器的JavaScript集成開發(fā)環(huán)境，WebStorm4.0提供了開發(fā)web應用的HTML5樣板。開發(fā)者可以在創(chuàng)建HTML文檔時可獲得對HTML5文件的支持。例如砍伐者鍵入。開發(fā)者還可以在chrome瀏覽器中實時預覽HTML文檔。

九、Google Web Toolkit