原生APP和H5有什么区别？

如何区分手机APP与原生APP或H5？

1.如果网络断开，立即显示404或页面错误基本为H5

2.通过查看页面布局边界，操作步骤如下：a.手机设置，开发者选项，页面布局切换，b.然后进入APP查看布局边界。（APP可以看到各种控件的边界，以及H5整体页面布局边界）我觉得更容易使用

3.如果长按页面出现放大镜、复制、粘贴等功能，或者手机振动，基本确定是H5

4.如果您打开一个新页面，导航栏下有一个进度加载行。这个页面基本上是H5

5.如果APP的导航栏有关闭按钮，则当前页面基本上是H5页面

6.如果下拉页面上出现URL提示框，也可以确定为H5

H5与原生APP的区别：

本机APP具有良好的访问和兼容性。它可以支持在线或离线消息推送或本地资源访问，以及视频、拨号、蓝牙和功能调用。开发原生APP有很多优势。例如，原生APP为用户提供不同平台的不同体验，节省宽带成本，更快地访问本地资源，并为用户提供最佳用户体验和优质用户界面。

Web App是一种基于框架的应用开发模型（HTML5 App框架开发模型），具有跨平台的优势。该模型通常由“HTML5云网站+APP应用客户端”组成。APPApp客户端只需要安装App的框架部分，而每次打开App时，App数据都会从云端获取并呈现给手机用户。

我们手机中的大多数App都是混合App，即我们同时使用本地App技术和WebApp技术，每个混合App的比例从0%到100%不等。更好地了解APP的类型将有助于我们选择合适的测试策略。今天，我们将从四个方面了解原生APP和Web APP的区别。

发展差异：

（1） 原生APP：每个移动操作系统都需要独立的开发项目，包括iOS版本、iPad版本和Android版本。每个平台都需要独立的开发语言，如Java（Android）、Objective-C（iOS）等。它需要使用官方软件开发包、开发工具等。

（2） 原生APP开发成本高，开发速度慢，维护成本高。不同平台的规则、推广和运营各不相同。官方App市场对APP发布的审查过程复杂且耗时，严重影响了APP发布和发布的速度。

（3） WebApp：因为它在移动设备的浏览器上运行，所以只需要一个开发项目。Web APP可以通过HTML、CSS或JavaScript开发。开发成本低，开发速度快。

功能不同：

（1） 原生App：可以与计算机上的软件进行比较的系统App。原生应用可以调用移动终端的硬件设备，如麦克风、摄像头、短信、蓝牙、GPS等。实现丰富的功能

（2） WebApp：它可以类似于计算机上的网页。更多的是页面显示App。只能使用移动硬件设备的有限功能，专注于简单的交互，硬件设备的许多独特功能无法使用。

版本控制存在差异：

（1） 本地App：用户可以自由选择是否更新软件版本，因此不同的用户可以同时使用不同的版本。这也导致了高昂的维护成本。使用旧版本的用户无法体验新版本的全部功能。

（2） WebApp：所有用户都使用相同的版本，所有用户都具有相同的功能。更新版本很方便。您可以直接在服务器端更新数据。一旦功能完成，它就可以上线。每天更新几十次没有压力。如果客户端只是一个浏览器，那么一切都会很简单。

网络的不同要求：

（1） 本机App：当网络断开时，您可以继续使用本地缓存的数据，大多数功能不会受到影响。

（2） Web APP：当网络断开时，大多数功能无法使用，并受到很大影响。

总结

本机App倾向于交互并关注用户体验（导航开关、检查选项、图片、视频等）。Web APP更喜欢浏览和简单的交互。一些功能需要访问硬件（摄像头、传感器等）并使用本地App，这些App用于显示信息。当成本有限时，核心功能使用原生APP，辅助功能使用