05-对混合app应用中的元素进行定位

        本文介绍对于混合app应用中的元素如何进行定位。

一、app的类型

1）Native App（原生应用）

        原生应用是指利用Android、IOS平台官方的开发语言、开发类库、工具等进行开发的app应用，在应用性能和交互体验上应该是最好的。

        通俗点来讲，原生开发就像盖房子一样，先打地基然后浇地梁、房屋结构、一砖一瓦、钢筋水泥、电路走向等，都是经过精心的设计。原生app也一样：将每个页面、每个功能、每个效果、每个逻辑、每个步骤全部用代码一层层、一段段的写出来。

优点：

• 可访问手机所有功能、可实现功能最齐全。
• 运行速度快、性能高，绝佳的用户体验。
• 支持大量图形和动画。不卡，反应快。
• 比较快捷地使用设备端提供的接口，处理速度上有优势。

缺点：

• 在过去主要是成本高、周期长，Android和iOS都需要单独开发。
• 更新版本需要重新下载安装包。        

2）Web App（Web版应用）

        Web版应用是利用Web技术进行开发的，通过浏览器进行访问。Web版应用需要浏览器的支持才能进行展示和用户交互，因此主要用到的技术是HTML5、Javascript、CSS等。HTML5支持一些新标签和脚本，可以做出类似原生应用的效果和动画。

优势：

• 支持范围广。
• 开发成本低、周期短。

缺点：

• 对联网要求高，离线不能做任何操作。
• 功能有限。
• 运行速度慢，页面不能承载太多东西。
• 图片和动画支持性不高。
• 如果用户使用更多的新型浏览器，那么运行过程中容易出现问题。

3）Hybrid App（混合应用）

        混合应用是利用了原生app的开发技术和HTML5技术进行开发的app应用，是原生和HTML5技术的混合应用，混合比例不限。

        混合开发是一种取长补短的开发模式，原生代码中利用Web View插件或者其它框架为H5提供容器，程序主要的业务实现、界面展示都是利用与H5相关的Web技术进行实现的。比如京东、淘宝、今日头条等app都是利用混合开发模式而成的。

优点：

• 开发周期短。
• 功能更新发布快。

缺点：

• 用户体验不如原生应用。
• 性能稍慢（需要连接网络）。

二、webview的概述

        现在大部分app都是混合式的native+webview，对于native上的元素通过uiautomatorviewer很容易定位到，而对于webview上的元素就无法识别了。

1）什么是webview？

        WebView直译是网页视图，是一个基于webkit内核的，用于显示网页的控件，具备渲染Web页面的功能。Android的Webview在低版本和高版本采用了不同的webkit版本内核，4.4后直接使用了Chrome浏览器的内核。

        WebView可以将Web网页内嵌在移动端，实现前端的混合式开发，大多数混合式开发框架都是基于WebView模式进行二次开发的，比如：uni-app、Hybrid app等。

2）webview的作用

• 显示和渲染Web页面。
• 直接使用html文件（网络上或本地assets中）作布局。
• 可以和JavaScript交互调用。

        WebView控件功能强大，除了具有一般View的属性和设置外，还可以对url请求、页面加载、渲染、页面交互进行强大的处理。

3）webview的优点

• 一次开发，多系统适配，