制作一個(gè)漂亮的HTML5頁(yè)面少不了HTML5應(yīng)用開發(fā)工具！一般h5頁(yè)面都用什么開發(fā)工具呢？本文將為你推薦2017年10款好用的html5頁(yè)面制作工具！最后附上部分html5開發(fā)工具供您下載使用。

HTML5自誕生以來(lái)，作為新一代的Web標(biāo)準(zhǔn)，越來(lái)越受開發(fā)人員及設(shè)計(jì)師的歡迎。其強(qiáng)大的兼容性，一次開發(fā)，到處使用，大大減少了跨平臺(tái)開發(fā)人員的數(shù)量及成本。特別是在如今日新月異的移動(dòng)時(shí)代，除了iOS、Android兩大平臺(tái)，還有Windows Phone、Blackberry、Bada等多個(gè)競(jìng)爭(zhēng)，恰恰給了HTML5展現(xiàn)才能的機(jī)會(huì)。本文就搜集了十款HTML5開發(fā)工具，希望能對(duì)大家的開發(fā)工作有所幫助。

　　1. Animatron

　　Animatron是一款簡(jiǎn)單而又強(qiáng)大的在線html5工具，通過(guò)它，你可以創(chuàng)建出令人驚嘆的的HTML5動(dòng)畫和互動(dòng)內(nèi)容。

　　主要特性：

• 使用直觀的Animatron編輯器去設(shè)計(jì)和發(fā)布可以到處播放的電影和信息圖表等，從桌面瀏覽器到移動(dòng)設(shè)備，無(wú)需編碼，所見即所得。

• 將工作保存至云端，無(wú)論何時(shí)何地都可對(duì)它們進(jìn)行訪問(wèn)。

• 分享工作更簡(jiǎn)單，發(fā)布一個(gè)鏈接或者將嵌入代碼粘貼到一個(gè)網(wǎng)站上，輕松邀請(qǐng)他人共同完成。

　　2. Lungo

　　Lungo是一款基于HTML5的開發(fā)框架，專為想要設(shè)計(jì)、構(gòu)建和共享跨設(shè)備應(yīng)用的開發(fā)者而準(zhǔn)備。

　　主要特性：

• 優(yōu)化：Lungo支持開放的Web標(biāo)準(zhǔn)，如HTML5、CSS3和JavaScript；支持手機(jī)、電視以及桌面設(shè)備。

• 強(qiáng)大的JavaScript API：開發(fā)應(yīng)用有很多種方式，而不是一味的優(yōu)化。Lungo提供了一個(gè)強(qiáng)大的API，這樣你可以完全掌控自己的應(yīng)用程序。

• 真正的跨設(shè)備：為每一個(gè)平臺(tái)構(gòu)建應(yīng)用是一件很困難的事情，特別是各種新設(shè)備的到來(lái)更是加深了這一狀況。Lungo將會(huì)完全適應(yīng)它們，創(chuàng)建一個(gè)獨(dú)特而又震撼的用戶體驗(yàn)。

　　3. DevExtreme

　　DevExtreme是專為你的移動(dòng)世界精心準(zhǔn)備的，一個(gè)跨平臺(tái)開發(fā)的HTML5/JS框架，可以構(gòu)建iOS、Android、Tizen和Windows Phone 8應(yīng)用程序，是Visual Studio開發(fā)人員開發(fā)跨平臺(tái)移動(dòng)產(chǎn)品的優(yōu)選工具。非常棒的一款H5開發(fā)工具！

　　主要特性：

• 移動(dòng)設(shè)備開發(fā)簡(jiǎn)化：創(chuàng)建高反應(yīng)度的應(yīng)用，滿足了不斷變化的企業(yè)以及BYOD世界的需求。使用HTML、CSS3和JavaScript，從而實(shí)現(xiàn)了外觀，感覺和行為如原生應(yīng)用程序一樣的業(yè)務(wù)解決方案，不需要學(xué)習(xí)其他更多的語(yǔ)言或框架。

• 美麗而又身臨其境的數(shù)據(jù)可視化：DevExtreme為智能手機(jī)和平板電腦封裝了易于使用的HTML JavaScript應(yīng)用程序，包含超過(guò)30種觸摸優(yōu)化的本地UI小工具，可用于任何應(yīng)用程序的單個(gè)頁(yè)面。

• 無(wú)處不在的原生用戶體驗(yàn)：以為iOS、Android、Windows Phone和Tizen打造原生視覺感受，無(wú)需額外的編碼或UI制定。

　　4. RazorFlow

　　RazorFlow是用于快速，方便地創(chuàng)建能夠在所有主流的移動(dòng)設(shè)備和瀏覽器的響應(yīng)式HTML5儀表板。

　　主要特性：

• 在設(shè)備間無(wú)縫工作：呈現(xiàn)在HTML5上，在任何現(xiàn)代的智能手機(jī)、平板電腦或桌面瀏覽器上都可運(yùn)行的很好。它們自動(dòng)適應(yīng)目標(biāo)設(shè)備，并且優(yōu)化觸屏及高分辨率顯示器。

• 適用于任何后端和數(shù)據(jù)庫(kù)。

• 服務(wù)器端包裝，易于集成：讓你無(wú)需編寫JavaScript代碼就可構(gòu)建交互式的儀表板。

　　5. Literally Canvas

　　Literally Canvas是一個(gè)可擴(kuò)展、開源的HTML5畫圖組件。你可以繪制、擦除、設(shè)置顏色選擇器、撤銷、重做、平移和縮放。在移動(dòng)設(shè)備上可成功運(yùn)行。很容易獲得數(shù)據(jù)URL上傳到一個(gè)網(wǎng)站，如Imgur或加載/保存用戶的圖紙。

　　主要特性：

• 速度快，看上去不錯(cuò)：Literally Canvas對(duì)處理復(fù)雜繪圖進(jìn)行了優(yōu)化，其自然平滑的線條避免了在簡(jiǎn)單繪圖程序經(jīng)?？吹降暮茈y看的線條角度。

• 這是一個(gè)部件，而不是一個(gè)應(yīng)用。

• 可擴(kuò)展。

• 開源。

　　6. mobl

　　mobl是一款免費(fèi)開源的語(yǔ)言，結(jié)合HTML5技術(shù)，加快了構(gòu)建移動(dòng)Web應(yīng)用的速度，可部署在Android、iOS和其他支持HTML5技術(shù)的手機(jī)上。

　　主要特性：

• 采用簡(jiǎn)潔的語(yǔ)言來(lái)快速的構(gòu)建具有原生體驗(yàn)的Web應(yīng)用。

• 大型IDE（Eclipse）的支持，實(shí)現(xiàn)糾錯(cuò)、自動(dòng)完成代碼和自動(dòng)檢索引用等功能。

• 快速保存，隨時(shí)測(cè)試。

　　7. Edge Animate CC

　　Edge Animate CC可以讓你很輕松的為現(xiàn)代Web設(shè)計(jì)交互式和生動(dòng)地HTML內(nèi)容。

　　主要特性：

• HTML動(dòng)畫：設(shè)計(jì)表達(dá)、動(dòng)畫內(nèi)容輕松精確以及寫實(shí)。你還可以將運(yùn)動(dòng)和交互添加到現(xiàn)有的HTML布局與模板中。

• 精確控制：使用直觀的時(shí)間軸進(jìn)行設(shè)計(jì)來(lái)達(dá)到驚人的精確度。

• 跨平臺(tái)多設(shè)備：支持iOS、Android智能手機(jī)和平板電腦，以及現(xiàn)代的桌面瀏覽器。

　　8. Touchqode（一款可以在手機(jī)端編輯的html5開發(fā)工具）

　　Touchqode將軟件開發(fā)工具帶到你的智能手機(jī)中，讓你隨時(shí)隨地都可以瀏覽、編輯和修復(fù)你的源代碼。具有語(yǔ)法高亮、代碼解析、集成的FTP客戶端、搜索、文件同步等特點(diǎn)。

　　主要特性：

• 抓住靈感：當(dāng)你在坐地鐵或吃午餐時(shí)，突然一個(gè)靈感襲來(lái)，卻不知道關(guān)于代碼的設(shè)想正不正確，這樣你就可以直接拿出手機(jī)去驗(yàn)證并能繼續(xù)思考。

• 編輯軟件源碼不受時(shí)間地點(diǎn)限制。

　　9. jQuery Mobile

　　jQuery Mobile框架講究的是“寫的少，做的多”，取代為每個(gè)移動(dòng)設(shè)備或操作系統(tǒng)編寫?yīng)毺氐膽?yīng)用，jQuery Mobile框架讓你設(shè)計(jì)一個(gè)可以在所有主流的智能手機(jī)、平板電腦及桌面都能運(yùn)行的網(wǎng)站和應(yīng)用。

　　主要特性：

• jQuery Mobile繼承了jQuery的“write less,do more”精髓，具有良好的擴(kuò)展性和可定制性。

• 全面兼容各種平臺(tái)設(shè)備，對(duì)于不支持的手機(jī)類型，也會(huì)予以基礎(chǔ)樣式。

　　10. jQWidgets

　　jQWidgets為構(gòu)建專業(yè)網(wǎng)站和移動(dòng)應(yīng)用提供了全面的解決方案，其完全建立在開放標(biāo)準(zhǔn)及技術(shù)上，如HTML5、CSS、JavaScript和jQuery。jQWidgets確保響應(yīng)式開發(fā)，幫助開發(fā)者創(chuàng)建出在桌面、平板電腦和智能手機(jī)上看起來(lái)很漂亮地網(wǎng)站和應(yīng)用。

　　主要特性：

• 響應(yīng)式部件及原生主題：使用PhoneGap開發(fā)專業(yè)的移動(dòng)及混合型HTML5應(yīng)用；專為iOS、Android、WP 8和Blackberry準(zhǔn)備原生主題；確保你的網(wǎng)站能夠自動(dòng)適應(yīng)不同設(shè)備類型、布局和觸控功能。

• 為PC、移動(dòng)觸摸設(shè)備打造高端用戶界面：使用HTML5、JavaScript和jQuery構(gòu)建跨設(shè)備及瀏覽器的令人驚嘆的網(wǎng)站與移動(dòng)應(yīng)用。

【相關(guān)工具下載推薦】

1. php中文網(wǎng)工具箱：php開發(fā)工具免費(fèi)下載

2. web前端開發(fā)工具排行：8款html開發(fā)工具推薦下載

3. MAC版php開發(fā)工具推薦：10款最流行的mac版php開發(fā)工具

4. 一款很好用的JavaScript開發(fā)工具：WebStorm Mac版

5. 2017年最好用的9個(gè)php開發(fā)工具推薦