2017年最新最完整的html5開發工具推薦（含國內外）
- PHPz原創
- 2017-05-26 10:15:0811079瀏覽
HTML5是web開發世界的重大的改變，html5具有易用，互動強，易分享等優勢！隨著手機行動網路的興起，html5更代表未來趨勢，目前連Adobe都鼓勵用戶使用HTML5取代Flash，所以我們要擁抱html5，不能掉隊了！ 那製作html5頁面都普遍使用什麼工具呢？ 以下是php中文網總結的2017年最新最全最好用的33個html5開發工具推薦！分別為html5開發軟體、線上的h5頁面製作工具、國內設計師常用的html5工具、還有國外的優秀的10個html5開發工具，那下面我們就具體看看html5都有哪些開發工具吧！
一.html5開發工具軟體：
1.Dreamweaver（優秀的html5視覺化開發工具）
#軟體下載網址：http://www.php.cn/xiazai/gongju/469
工具簡介:
##老牌的網頁編輯軟體，功能非常強大，最大的優點是視覺化編輯，還有錯誤提示，深受前端開發人員和網站開發人員歡迎！ Dreamweaver CC 專注於快速回應設計、程式碼編輯功能的改進、在裝置上進行網頁預覽以及從 Photoshop 複合中大量提取具有多種解析度的 Web 最佳化影像。與 Bootstrap 框架的整合可協助您建立行動優先、快速回應的網站。視覺媒體查詢透過讓您在各種斷點處對您的設計進行視覺化和修改，進一步完善了快速回應網頁設計的體驗。使用者不但還能在Live View中預覽，還提供多螢幕預覽功能。一款優秀的html5視覺化開發工具，開發者可以透過MultiScreen預覽面板查看HTML5內容的渲染效果。 Live View透過WebKit渲染引擎支援HTML5。
2.WebStorm MAC版（最強的HTML5編輯器）
工具簡介：
非常好用的JavaScript開發工具，廣大中國JS開發者譽為「Web前端開發神器」、「最強大的HTML5編輯器」、「最聰明的JavaScript IDE」等。與IntelliJ IDEA同源，繼承了IntelliJ IDEA強大的JS部分的功能。 3.browser-sync-master（省時的瀏覽器同步測試工具）
工具簡介：
省時的瀏覽器同步測試工具，Browsersync能讓瀏覽器即時、快速回應您的檔案更改（html、js、css、sass、less等）並自動刷新頁面。更重要的是 Browsersync可以同時在PC、平板、手機等裝置下進項調試。您可以想像一下：「假設您的桌子上有pc、ipad、iphone、android等設備，同時打開了您需要調試的頁面，當您使用browsersync後，您的任何一次代碼保存，以上的設備都會同時顯示您的改動」。無論您是前端還是後端工程師，使用它將提高您30%的工作效率。二.線上html5頁面製作工具
1 百度H5 h5.baidu.com9 兔展 www.rabbitpre.com
10 Make www.maka.im/home/index.html
#111111111111111111111111111199999.
12 ME微型雜誌 www.agoodme.com
13 爆米兔 www.baomitu.com
14 人類秀 www.baomitu.com
14 人秀 net （原名WE+）
三. 面向專業設計師（國內）
1. iH5 www.ih5.cn/
2. 木疙瘩 www.mugeda.com
3. 屏面 dcloud www.dcloud.io
四.國外html5發展工具（文章參考：【H5開發工具】2017最好用的10種HTML5應用程式開發工具推薦，可以查看這些工具更詳細的內容）
1. AnimatronAnimatron是一款簡單而又強大的線上html5工具，透過它，你可以創造出令人驚嘆的HTML5動畫和互動內容。
2. Lungo
Lungo是一款基於HTML5的開發框架，專為想要設計、建置和共享跨裝置應用程式的開發者而準備。
3. DevExtreme
DevExtreme是專為你的行動世界精心準備的，一個跨平台開發的HTML5/JS框架，可以建立iOS、Android、Tizen和Windows Phone 8應用程序，是Visual Studio開發人員開發跨平台行動產品的優選工具。非常棒的一款H5開發工具！
4. RazorFlow
RazorFlow是用於快速，方便地建立能夠在所有主流的行動裝置和瀏覽器的響應式HTML5儀表板。
5. Literally Canvas
Literally Canvas是一個可擴充、開源的HTML5畫圖元件。你可以繪製、擦除、設定顏色選擇器、撤銷、重做、平移和縮放。在行動裝置上可成功運作。很容易取得資料URL上傳到一個網站，如Imgur或載入/儲存使用者的圖紙。
6. mobl
mobl是一款免費開源的語言，結合HTML5技術，加快了建立行動網路應用程式的速度，可部署在Android、iOS和其他支援HTML5技術的手機上。
7. Edge Animate CC
Edge Animate CC可以讓你很輕鬆的為現代Web設計互動式和生動地HTML內容。
8. Touchqode（一款可以在手機端編輯的html5開發工具）
Touchqode將軟體開發工具帶到你的智慧型手機中，讓你隨時隨地都可以瀏覽、編輯和修復你的原始碼。具備語法高亮、程式碼解析、整合的FTP客戶端、搜尋、檔案同步等特性。
9. jQuery Mobile
jQuery Mobile框架講究的是“寫的少，做的多”，取代為每個移動設備或操作系統編寫獨特的應用，jQuery Mobile框架讓你設計一個可以在所有主流的智慧型手機、平板電腦及桌面都能運作的網站和應用程式。
10. jQWidgets
jQWidgets為建構專業網站和行動應用提供了全面的解決方案，其完全建立在開放標準及技術上，如HTML5、CSS、JavaScript和jQuery。 jQWidgets確保響應式開發，幫助開發者創建出在桌面、平板電腦和智慧型手機上看起來很漂亮地網站和應用。
小結：以上就是php中文網為大家帶來的2017年最新、最全的html5開發工具推薦，各位可以依照自己的需求進行下載，也可以去php中文網php開發工具列：http://www.php.cn/xiazai/gongju 下載其它軟體， 安裝使用過程中有任何問題，歡迎去我們的QQ群(群號374224296)反饋，或者給我們留言，希望大家學習愉快。
【相關工具推薦】1.
web前端開發工具排行：8款html開發工具推薦下載