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

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

　　1. Animatron

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

　　主要特性：

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

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

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

　　2. Lungo

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

　　主要特性：

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

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

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

　　3. DevExtreme

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

　　主要特性：

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

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

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

　　4. RazorFlow

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

　　主要特性：

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

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

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

　　5. Literally Canvas

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

　　主要特性：

• 速度快，看上去不錯：Literally Canvas對處理復(fù)雜繪圖進(jìn)行了優(yōu)化，其自然平滑的線條避免了在簡單繪圖程序經(jīng)常看到的很難看的線條角度。

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

• 可擴展。

• 開源。

　　6. mobl

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

　　主要特性：

• 采用簡潔的語言來快速的構(gòu)建具有原生體驗的Web應(yīng)用。

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

• 快速保存，隨時測試。

　　7. Edge Animate CC

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

　　主要特性：

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

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

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

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

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

　　主要特性：

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

• 編輯軟件源碼不受時間地點限制。

　　9. jQuery Mobile

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

　　主要特性：

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

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

　　10. jQWidgets

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

　　主要特性：

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

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

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

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

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

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

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

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