h5开发app用什么工具

H5开发APP可以使用不同的工具，这些工具包括Webview套壳APP、Hybrid APP开发框架、PWA、Weex、React Native、Ionic等等。以下是对每个工具的详细介绍：

1. Webview套壳APP

该方法最简单的解决方案是在Android平台使用开源框架PhoneGap对HTML5代码进行封装，在iOS平台使用Cordova对HTML5代码进行封装。这种方法的原理是将H5的页面封装在APP内部进行调用，因此不需要涉及到底层的操作系统，只需要在对应的平台上写入对应的CSS、JS和HTML文件，并使用Webview的形式内置于APP中即可。

2. Hybrid APP开发框架

开发Hybrid APP的框架有很多，如DCloud提供的HBuilder等，这些框架基本上都是基于Cordova (PhoneGap) 封装的。这些框架提供了更丰富的功能，如更好的组件支持、离线包支持、插件支持等。开发者在引入自己的组件、页面和样式后，框架会对其进行打包，最终得到一个 APP。

3. PWA

PWA是Progressive Web APP，主要是通过Service Worker技术，使得网页应用具备了离线缓存、推送通知等原生APP的特性。因为是基于Web技术开发，因此可以更容易地实现跨平台和跨设备的支持，代码重复利用率高，且可以在拥有浏览器的任何设备上运行。但是需要注意的是，如果设备上不支持Service Worker，那么PWA将无法正常运行。

4. Weex

Weex是阿里巴巴推出的移动端跨平台框架，支持同时运行在iOS和Android系统中，基于Vue.js开发，结合Native和Web技术优势，可以快速开发高性能原生应用。Weex框架将前端代码编译成Native代码，运行效率接近Native，且支持热更新。但是需要注意的是，Weex框架不支持Web端的H5运行。

5. React Native

React Native是Facebook推出的跨平台开发框架，基于React语法，采用类似iOS和Android的视图架构来构建APP，高度还原原生应用，且具备较好的开发效率和易上手度，且js代码可以直接复用在Web端，具有很好的前后端分离能力。但是需要注意的是，React Native对底层功能的支持不如原生开发，因此在部分特殊场景下可能无法满足需求。

6. Ionic

Ionic是一个基于AngularJS的移动应用开发框架，支持跨平台，主要目标是快速创建高质量的混合移动应用程序。Ionic主要通过HTML、CSS和JavaScript来构建用户界面，然后使用其内置的Cordova插件或第三方插件来访问设备特定的功能。Ionic提供了包括页面样式、Animation、基础组件等的丰富支持，可以很好地适应不同类型的应用开发。

总结来看，不同的开发工具在许多方面存在不同，可以根据具体的项目需求、开发规模、跨平台需求和开发成本等考虑选择合适的开发工具，以提高开发效率和用户体验。