Rumah >tajuk utama >2017年最新最全的html5开发工具推荐（含国内和国外）
2017年最新最全的html5开发工具推荐（含国内和国外）
- PHPzasal
- 2017-05-26 10:15:0811118semak imbas
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)反馈，或者给我们留言，希望大家学习愉快。
【相关工具推荐】
2. MAC版php开发工具推荐：10款最流行的mac版php开发工具