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  初页           www.ichuye.cn

4 搜狐快站    www.kuaizhan.com 

5  LiveApp     www.yunlai.cn   场景应用

6  秀制作       xiumi.us  秀米出品

7  appcan      www.appcan.cn

8  易企秀       eqxiu.com

9  兔展           www.rabbitpre.com

10  Make         www.maka.im/home/index.html

11 微页           www.weiye.me

12 ME微杂志  www.agoodme.com  

13 爆米兔        www.baomitu.com

14 人人秀        www.rrxiu.net （原名WE+）

15 极点互娱平台  www.jidianhuyu.com  H5小游戏

16 最酷网        www.zuiku.com/   H5小游戏

三. 面向专业设计师（国内）

1. iH5            www.ih5.cn/     

2. 木疙瘩        www.mugeda.com

3. 屏面            www.ps2h5.com

4. Epub360     www.epub360.com

5. dcloud       www.dcloud.io

四.国外html5开发工具

（文章参考：【H5开发工具】2017最好用的10种HTML5应用开发工具推荐，可以查看这些工具更详细的内容）

1. Animatron

Animatron是一款简单而又强大的在线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技术，加快了构建移动Web应用的速度，可部署在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开发工具推荐