移动端应用APP的分类(WebApp、HybridApp、 NativeApp)

Dear 丶 2022-12-12 04:50 149阅读 0赞

### WebApp ###

[WebApp开发框架][WebApp]

WebApp是指使用`HTML5`编写的`移动Web应用`，webapp可以运行在PC、Android、iOS端等，不受限于系统，依赖于浏览器。

**优点：**

（1）前端开发语言不受限制

（2）开发成本相对较低

（3）版本更新快，没有限制，维护简单

（4）一套代码可以多平台使用

（5）能够跨多个平台和终端

**缺点：**

（1）手机原生功能调用受限

（2）加载受限于网络环境，手机浏览器，手机系统等

（3）较复杂的列表、样式难以实现，稳定性差

（4）用户体验差

（5）受限于浏览器

### **HybridApp** ###

[混合开发的详情][Link 1]

HybridApp是指`原生与前端`语言相结合开发的应用，HybridApp可以运行在Android、iOS端上，不能用于PC端，称为`混合APP`。

**优点：**

（1）前端开发语言可能会受第三方框架的限制

（2）开发成本低

（3）相对原生web界面版本更新快，维护相对简单

（4）一套代码可以支持Android端和iOS端

（5）能够调用原生功能、API

（6）稳定性相对较好

（7）用户体验较好

**缺点：**

（1）手机原生功能调用部分受限制

（2）加载受限于网络环境

（3）较复杂的列表、样式难以实现

### NativeApp ###

NativeApp是一种`基于手机操作系统`如iOS、Android，使用`原生程式`编写的应用。

语言：

iOS ：Objective-C swift  
Android ：JAVA

**优点：**

（1）性能稳定  
（2）用户体验好，流畅的操作体验  
（3）较复杂的列表、样式可以实现，稳定性好  
（4）资源访问不受限  
（5）页面适配度高

**缺点：**

（1）不支持跨平台，多平台需要单独开发

（2）不支持前端开发语言，有专门开发语言

（3）开发成本较高

（4）版本更新耗时

（5）维护成本高

[WebApp]: https://blog.csdn.net/weixin_43638968/article/details/108937699
[Link 1]: http://bxbxbai.github.io/2015/08/16/talk-about-bybird-app/

发表评论取消回复

表情：

评论列表（有 0 条评论，149人围观）

还没有评论，来说两句吧...

相关阅读

相关移动端APP测试方法

1 APP测试基本流程 1.1 测试周期测试周期可按项目的开发周期来确定测试时间，一般测试时间为两三周（即15个工作日），根据项目情况以及版本质量可适当缩短或延长

港控/mmm°/ 2023年09月25日 16:59/ 0 赞/ 55 阅读

相关移动端：M站和APP的区别

移动端的实现通常分为M站（HTML5）和APP两种方式，目前两种方式还是不能互相取代，可以说是各有优势、各司其职，在选择用M站或APP时，应根据实际情况酌情选择。一、M站

落日映苍穹つ/ 2023年01月24日 02:10/ 0 赞/ 133 阅读

相关移动端应用APP的分类(WebApp、HybridApp、 NativeApp)

WebApp [WebApp开发框架][WebApp] WebApp是指使用`HTML5`编写的`移动Web应用`，webapp可以运行在PC、Android、iOS端

Dear 丶/ 2022年12月12日 04:50/ 0 赞/ 150 阅读

相关【uni-app】uni-app移动端开发 - 登录界面

基本需求 uni-app 框架的优点在于一次编码，多端编译运行。本次通过完成一个登录界面，来学会 uni-app 框架的使用，以及开发过程需要注意的点，还有难以排查出来且

悠悠/ 2022年12月10日 10:14/ 0 赞/ 603 阅读

相关 Flex布局应用（1）——为什么flex只能做移动端APP开发？

1、APP的分类（1）原生APP （2）混合APP （3）WEB APP 2、PC端和移动端的差别（1）用户交互方式不同：表现在鼠标、手指（2）呈现

墨蓝/ 2022年07月15日 11:44/ 0 赞/ 172 阅读

相关 App的分类

![这里写图片描述][SouthEast] 还有手游。 [SouthEast]: /images/20220610/341fa3386a42452fa20a7794c4

墨蓝/ 2022年06月10日 07:28/ 0 赞/ 149 阅读

相关 app移动端 rem和px的换算

rem.js文件 / Created by zhaolele on 2018/7/25. / (function(doc, win) {

约定不等于承诺〃/ 2022年03月12日 05:11/ 0 赞/ 277 阅读

相关 H5唤醒移动端APP，或跳转到App Store和应用宝

> //实际上就是新建一个iframe的生成器 > var createIframe=(function(){ > var iframe; >

喜欢ヅ旅行/ 2022年03月01日 08:50/ 0 赞/ 463 阅读

相关 rem在移动端的应用

1rem为页面根目录的字体大小。若：`html{ font-size:20px};` 则`1rem = 20px` 在移动页面的具体应用。移动端的设计

╰+哭是因爲堅強的太久メ/ 2021年12月11日 07:21/ 0 赞/ 270 阅读

相关 appscan如何扫描移动应用APP

1.前置条件：让手机和电脑处于同一WIFI下 1打开appscan，选择手动探索/外部设备。 2在弹出的对话框页面点击右上角“记录代理配置”。 3在弹出的页面

忘是亡心i/ 2021年11月17日 16:14/ 0 赞/ 342 阅读