Carson带你学Android：这是一份全面&详细的WebView学习攻略

---

前言

• 现在很多App里都内置了Web网页（Hybrid App），比如说很多电商平台，淘宝、京东、聚划算等等，如下图
  

  

  京东首页

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

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

Carson带你学WebView系列文章
Carson带你学Android：这是一份全面&详细的WebView学习攻略
Carson带你学Android：最全面、最易懂的Webview使用详解
Carson带你学Android：全面总结WebView与 JS 的交互方式
Carson带你学Android：手把手构建WebView缓存机制及资源预加载方案
Carson带你学Android：盘点你不知道的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类）

示意图

• 下面我将详细介绍上述4个使用类 & 使用方法
• 具体请看文章：Carson带你学Android：最全面、最易懂的Webview使用详解

---

4. WebView与 JS 的交互方式

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

二者沟通的桥梁是WebView

示意图

• 具体介绍请看文章：Carson带你学Android：全面总结WebView与 JS 的交互方式

---

5. 使用漏洞

• WebView 使用过程中存在许多漏洞，容易造成用户数据泄露等等危险，而很多人往往会忽视这个问题
• WebView中，主要漏洞有3类：任意代码执行漏洞、密码明文存储漏洞、域控制不严格漏洞
• 漏洞具体介绍 & 修复方式请看文章：Carson带你学Android：盘点你不知道的WebView漏洞

---

6. 缓存机制构建

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

示意图

• 本文通过 H5缓存机制 + 资源预加载 + 资源拦截的方式 构建了一套WebView缓存机制，从而解决Android WebView的性能问题，最终提高用户使用体验
• 具体缓存机制的讲解请看文章：Carson带你学Android：手把手构建WebView缓存机制及资源预加载方案

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

---

7. 总结

• 本文全面讲解了 WebView的相关知识，含具体介绍、使用教程、与前端JS交互、缓存机制构建等等，相信你对Android WebView的使用已经非常熟悉了。
• Carson带你学WebView系列文章
  Carson带你学Android：这是一份全面&详细的WebView学习攻略
  Carson带你学Android：最全面、最易懂的Webview使用详解
  Carson带你学Android：全面总结WebView与 JS 的交互方式
  Carson带你学Android：手把手构建WebView缓存机制及资源预加载方案
  Carson带你学Android：盘点你不知道的WebView漏洞

---

欢迎关注Carson_Ho的

不定期分享关于安卓开发的干货，追求短、平、快，但却不缺深度。

---

请点赞！因为你的鼓励是我写作的最大动力！