2017年最新最完整的html5開發工具推薦（含國內外）

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編輯器）

#軟體下載位址：http://www.php.cn/xiazai /gongju/506

工具簡介：

非常好用的JavaScript開發工具，廣大中國JS開發者譽為「Web前端開發神器」、「最強大的HTML5編輯器」、「最聰明的JavaScript IDE」等。與IntelliJ IDEA同源，繼承了IntelliJ IDEA強大的JS部分的功能。

3.browser-sync-master（省時的瀏覽器同步測試工具）

#軟體下載位址：http://www.php. cn/xiazai/gongju/666

工具簡介：

省時的瀏覽器同步測試工具，Browsersync能讓瀏覽器即時、快速回應您的檔案更改（html、js、css、sass、less等）並自動刷新頁面。更重要的是 Browsersync可以同時在PC、平板、手機等裝置下進項調試。您可以想像一下：「假設您的桌子上有pc、ipad、iphone、android等設備，同時打開了您需要調試的頁面，當您使用browsersync後，您的任何一次代碼保存，以上的設備都會同時顯示您的改動」。無論您是前端還是後端工程師，使用它將提高您30%的工作效率。

二.線上html5頁面製作工具

1  百度H5      h5.baidu.com

2 騰訊團隊出的H5線上編輯器 aeditor.alloyteam.com

3  初頁         .com

3  初頁          www.ichuye.cn

4 搜狐快站    www.kuaizhan

6  節目製作      xiumi.us  秀米出品

7  appcan      www.appcan.cn

8  易企秀     www.appcan.cn

8  易企秀   www.

9  兔展          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+）

15 極點互娛平台 www.jidianhuyu.com  H5小遊戲

16 最酷網       www.zuiku.com/  

三. 面向專業設計師（國內）

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開發工具推薦下載

2. MAC版php開發工具推薦：10款最受歡迎的mac版php開發工具

3. 2017年最好用的9個php開發工具推薦