欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

Android WebView:这是一份全面 & 详细的WebView学习指南

程序员文章站 2022-07-03 10:18:33
Android WebView:这是一份全面 & 详细的WebView学习指南。 现在很多App里都内置了Web网页(Hybrid App),比如说很多电商平台,淘宝、京...

Android WebView:这是一份全面 & 详细的WebView学习指南。

现在很多App里都内置了Web网页(Hybrid App),比如说很多电商平台,淘宝、京东、聚划算等等,如下图
Android WebView:这是一份全面 & 详细的WebView学习指南

那么这种该如何实现呢?其实这是Android里一个叫WebView组件实现

今天,我将献上一份全面 & 详细的 WebView攻略,含具体介绍、使用教程、与前端JS交互、缓存机制构建等等,希望您们会喜欢。

目录

Android WebView:这是一份全面 & 详细的WebView学习指南


1. 简介

一个基于webkit引擎、展现web页面的控件

a. Android 4.4前:Android Webview在低版本 & 高版本采用了不同的webkit版本的内核
b. Android 4.4后:直接使用了Chrome内核


2. 作用

在 Android 客户端上加载h5页面 在本地 与 h5页面实现交互 & 调用 其他:对 url 请求、页面加载、渲染、对话框 进行额外处理。

3. 具体使用

Webview的使用主要包括:Webview类 及其 工具类(WebSettings类、WebViewClient类、WebChromeClient类)

Android WebView:这是一份全面 & 详细的WebView学习指南

下面我将详细介绍上述4个使用类 & 使用方法。

4. WebView与 JS 的交互方式

在Android WebView的使用中,与前端h5页面交互的需求十分常见 Android 与 JS 通过WebView互相调用方法,实际上是:Android 去调用JS的代码 + JS去调用Android的代码

二者沟通的桥梁是WebView


Android WebView:这是一份全面 & 详细的WebView学习指南 

5. 使用漏洞

WebView 使用过程中存在许多漏洞,容易造成用户数据泄露等等危险,而很多人往往会忽视这个问题 WebView中,主要漏洞有3类:任意代码执行漏洞、密码明文存储漏洞、域控制不严格漏洞。

6. 缓存机制构建

Android WebView由于前端h5本身的原因,存在加载效率慢 & 流量耗费的性能问题,具体介绍如下:

Android WebView:这是一份全面 & 详细的WebView学习指南

本文通过 H5缓存机制 + 资源预加载 + 资源拦截的方式 构建了一套WebView缓存机制,从而解决Android WebView的性能问题,最终提高用户使用体验。

至此,关于Android WebView的所有知识讲解完毕。