HTML5開發(fā)工具有哪些？一. Adobe Edge目前仍處于預(yù)覽階段的Adobe Edge是一款利用HTML5、CSS和JavaScript開發(fā)動態(tài)交互內(nèi)容的設(shè)計工具。內(nèi)容可以與移動設(shè)備和臺式計

HTML5開發(fā)工具有哪些？

一. Adobe Edge

目前仍處于預(yù)覽階段的Adobe Edge是一款利用HTML5、CSS和JavaScript開發(fā)動態(tài)交互內(nèi)容的設(shè)計工具。內(nèi)容可以與移動設(shè)備和臺式計算機兼容。Edge的一個重要功能就是Web Toolkit接口，方便保證不同瀏覽器中頁面的架構(gòu)一致性。此外，Edge還將整合TypeKit等字體服務(wù)。

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

第二，Adobe Dreamweaver CS6

作為一款網(wǎng)頁設(shè)計軟件，Adobe Dreamweaver CS6為HTML網(wǎng)站和移動程序提供了可視化的編輯界面。其流體網(wǎng)格排版系統(tǒng)集成CSS樣式表功能，提供自適應(yīng)布局的跨平臺兼容性。開發(fā)者可以完全實現(xiàn)網(wǎng)頁設(shè)計的可視化操作，而不會被代碼所困。

用戶不僅可以在實時視圖中預(yù)覽，還可以提供多屏預(yù)覽。開發(fā)者可以通過多屏預(yù)覽面板查看HTML5內(nèi)容的渲染效果。Live View通過WebKit渲染引擎支持HTML5。

三。Adobe ColdFusion 10

ColdFusion是一種用于開發(fā)企業(yè)Web程序的服務(wù)器端技術(shù)。它通過HTML5技術(shù)，如Websockets、交互式表單、視頻和地理標簽，創(chuàng)建豐富的媒體用戶體驗。

四。森查建筑師2

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

5.Sencha Touch 2

Sencha Touch2是一個移動應(yīng)用框架，也算是Sencha的HTML5平臺。開發(fā)者可以用它來開發(fā)iOS、Android、黑莓、Kindle Fire等平臺的移動應(yīng)用。

不及物動詞Dojo基金會Maqetta

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

七。Microsoft Visual Studio 2010 service pack 1

雖然最初不支持HTML5，但微軟在2011年3月發(fā)布的Visual Studio 2010 SP1中提供了智能感知，為HTML5添加了一些元素。

八。JetBrains網(wǎng)絡(luò)風(fēng)暴4.0

作為一個帶有HTML編輯器的JavaScript集成開發(fā)環(huán)境，WebStorm4.0提供了開發(fā)web應(yīng)用的HTML5模板。開發(fā)人員在創(chuàng)建HTML文檔時可以獲得對HTML5文件的支持。例如，記錄器類型。開發(fā)者還可以在chrome瀏覽器中實時預(yù)覽HTML文檔。

九。谷歌網(wǎng)絡(luò)工具包

這個開發(fā)工具是用來開發(fā)瀏覽器應(yīng)用的，但是庫中支持很多HTML5函數(shù)。包括對客戶端或web存儲的支持。其他HTML5特性包括支持畫布可視化，以及音頻和視頻小部件。