Android WebView：這是一份 詳細 & 易懂的WebView學習攻略（含與JS交互、緩存構建等）

---

前言

• 如今不少App裏都內置了Web網頁（Hybrid App），好比說不少電商平臺，淘寶、京東、聚划算等等，以下圖

  

• 那麼這種該如何實現呢？其實這是Android裏一個叫WebView組件實現

• 今天，我將獻上一份全面 & 詳細的 WebView攻略，含具體介紹、使用教程、與前端JS交互、緩存機制構建等等，但願您們會喜歡。

---

目錄

---

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個使用類 & 使用方法
• 具體請看文章：Android開發：最全面、最易懂的Webview詳解

---

4. WebView與 JS 的交互方式

• 在Android WebView的使用中，與前端h5頁面交互的需求十分常見
• Android 與 JS 經過WebView互相調用方法，其實是：Android 去調用JS的代碼 + JS去調用Android的代碼

兩者溝通的橋樑是WebView

• 具體介紹請看文章：Android：你要的WebView與 JS 交互方式 都在這裏了

---

5. 使用漏洞

• WebView 使用過程當中存在許多漏洞，容易形成用戶數據泄露等等危險，而不少人每每會忽視這個問題
• WebView中，主要漏洞有3類：任意代碼執行漏洞、密碼明文存儲漏洞、域控制不嚴格漏洞
• 漏洞具體介紹 & 修復方式請看文章： Android：你不知道的 WebView 使用漏洞

---

6. 緩存機制構建

• Android WebView因爲前端h5自己的緣由，存在加載效率慢 & 流量耗費的性能問題，具體介紹以下：

• 本文經過 H5緩存機制 + 資源預加載 + 資源攔截的方式 構建了一套WebView緩存機制，從而解決Android WebView的性能問題，最終提升用戶使用體驗
• 具體緩存機制的講解請看文章：手把手教你構建 Android WebView 的緩存機制 & 資源預加載方案

至此，關於Android WebView的全部知識講解完畢。

---

7. 總結

• 本文全面講解了 WebView的相關知識，含具體介紹、使用教程、與前端JS交互、緩存機制構建等等，相信你對Android WebView的使用已經很是熟悉了。
• 關於WebView的系列文章但願對你有所幫助

Android開發：最全面、最易懂的Webview詳解

Android：你要的WebView與 JS 交互方式 都在這裏了

手把手教你構建 Android WebView 的緩存機制 & 資源預加載方案

Android：你不知道的 WebView 使用漏洞

• 接下來我會繼續講解其餘安卓開發的知識，有興趣能夠繼續關注Carson_Ho的安卓開發筆記！！！！

---

請幫頂點贊！由於大家的贊同/鼓勵是我寫做的最大動力！

---

歡迎關注carson_ho的微信公衆號