Carson帶你學(xué)Android：這是一份全面&詳細(xì)的WebView學(xué)習(xí)攻略

前言

  • 現(xiàn)在很多App里都內(nèi)置了Web網(wǎng)頁(yè)（Hybrid App），比如說(shuō)很多電商平臺(tái)霹俺，淘寶小槐、京東、聚劃算等等劈猪，如下圖

    京東首頁(yè)

  • 那么這種該如何實(shí)現(xiàn)呢？其實(shí)這是Android里一個(gè)叫WebView組件實(shí)現(xiàn)

  • 今天良拼，我將獻(xiàn)上一份全面 & 詳細(xì)的 WebView攻略战得，含具體介紹、使用教程庸推、與前端JS交互常侦、緩存機(jī)制構(gòu)建等等，希望您們會(huì)喜歡贬媒。

Carson帶你學(xué)WebView系列文章
Carson帶你學(xué)Android：這是一份全面&詳細(xì)的WebView學(xué)習(xí)攻略
Carson帶你學(xué)Android：最全面聋亡、最易懂的Webview使用詳解
Carson帶你學(xué)Android：全面總結(jié)WebView與 JS 的交互方式
Carson帶你學(xué)Android：手把手構(gòu)建WebView緩存機(jī)制及資源預(yù)加載方案
Carson帶你學(xué)Android：盤點(diǎn)你不知道的WebView漏洞

目錄

示意圖

1. 簡(jiǎn)介

一個(gè)基于webkit引擎、展現(xiàn)web頁(yè)面的控件

a. Android 4.4前：Android Webview在低版本 & 高版本采用了不同的webkit版本的內(nèi)核
b. Android 4.4后：直接使用了Chrome內(nèi)核

2. 作用

  • 在 Android 客戶端上加載h5頁(yè)面
  • 在本地 與 h5頁(yè)面實(shí)現(xiàn)交互 & 調(diào)用
  • 其他：對(duì) url 請(qǐng)求际乘、頁(yè)面加載坡倔、渲染、對(duì)話框 進(jìn)行額外處理蚓庭。

3. 具體使用

  • Webview的使用主要包括：Webview類 及其 工具類（WebSettings類致讥、WebViewClient類、WebChromeClient類）
示意圖

4. WebView與 JS 的交互方式

  • 在Android WebView的使用中垢袱，與前端h5頁(yè)面交互的需求十分常見
  • Android 與 JS 通過WebView互相調(diào)用方法，實(shí)際上是：Android 去調(diào)用JS的代碼 + JS去調(diào)用Android的代碼

二者溝通的橋梁是WebView

示意圖

5. 使用漏洞

  • WebView 使用過程中存在許多漏洞港柜，容易造成用戶數(shù)據(jù)泄露等等危險(xiǎn)请契，而很多人往往會(huì)忽視這個(gè)問題
  • WebView中咳榜，主要漏洞有3類：任意代碼執(zhí)行漏洞、密碼明文存儲(chǔ)漏洞爽锥、域控制不嚴(yán)格漏洞
  • 漏洞具體介紹 & 修復(fù)方式請(qǐng)看文章：Carson帶你學(xué)Android：盤點(diǎn)你不知道的WebView漏洞

6. 緩存機(jī)制構(gòu)建

  • Android WebView由于前端h5本身的原因涌韩，存在加載效率慢 & 流量耗費(fèi)的性能問題，具體介紹如下：
示意圖

至此，關(guān)于Android WebView的所有知識(shí)講解完畢腮考。

7. 總結(jié)

歡迎關(guān)注Carson_Ho的簡(jiǎn)書

不定期分享關(guān)于安卓開發(fā)的干貨，追求短福也、平局骤、快，但卻不缺深度拟杉。

請(qǐng)點(diǎn)贊庄涡！因?yàn)槟愕墓膭?lì)是我寫作的最大動(dòng)力量承！

最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 人面猴
    序言：七十年代末搬设，一起剝皮案震驚了整個(gè)濱河市，隨后出現(xiàn)的幾起案子撕捍，更是在濱河造成了極大的恐慌拿穴，老刑警劉巖，帶你破解...
    沈念sama閱讀 207,248評(píng)論 6贊 481
  • 死咒
    序言：濱河連續(xù)發(fā)生了三起死亡事件忧风，死亡現(xiàn)場(chǎng)離奇詭異默色，居然都是意外死亡，警方通過查閱死者的電腦和手機(jī)狮腿，發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,681評(píng)論 2贊 381
  • 救了他兩次的神仙讓他今天三更去死
    文/潘曉璐 我一進(jìn)店門腿宰，熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)，“玉大人缘厢，你說(shuō)我怎么就攤上這事吃度。” “怎么了贴硫？”我有些...
    開封第一講書人閱讀 153,443評(píng)論 0贊 344
  • 道士緝兇錄：失蹤的賣姜人
    文/不壞的土叔 我叫張陵椿每，是天一觀的道長(zhǎng)伊者。 經(jīng)常有香客問我，道長(zhǎng)间护，這世上最難降的妖魔是什么亦渗？ 我笑而不...
    開封第一講書人閱讀 55,475評(píng)論 1贊 279
  • ?港島之戀（遺憾婚禮）
    正文 為了忘掉前任，我火速辦了婚禮汁尺，結(jié)果婚禮上法精，老公的妹妹穿的比我還像新娘。我一直安慰自己痴突，他們只是感情好亿虽，可當(dāng)我...
    茶點(diǎn)故事閱讀 64,458評(píng)論 5贊 374
  • 惡毒庶女頂嫁案：這布局不是一般人想出來(lái)的
    文/花漫 我一把揭開白布。 她就那樣靜靜地躺著苞也，像睡著了一般洛勉。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上如迟，一...
    開封第一講書人閱讀 49,185評(píng)論 1贊 284
  • 城市分裂傳說(shuō)
    那天收毫，我揣著相機(jī)與錄音，去河邊找鬼殷勘。 笑死此再，一個(gè)胖子當(dāng)著我的面吹牛，可吹牛的內(nèi)容都是我干的玲销。 我是一名探鬼主播输拇，決...
    沈念sama閱讀 38,451評(píng)論 3贊 401
  • 雙鴛鴦連環(huán)套：你想象不到人心有多黑
    文/蒼蘭香墨 我猛地睜開眼，長(zhǎng)吁一口氣：“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼贤斜！你這毒婦竟也來(lái)了策吠？” 一聲冷哼從身側(cè)響起，我...
    開封第一講書人閱讀 37,112評(píng)論 0贊 261
  • 萬(wàn)榮殺人案實(shí)錄
    序言：老撾萬(wàn)榮一對(duì)情侶失蹤瘩绒，失蹤者是張志新（化名）和其女友劉穎猴抹，沒想到半個(gè)月后，有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體锁荔，經(jīng)...
    沈念sama閱讀 43,609評(píng)論 1贊 300
  • ?護(hù)林員之死
    正文 獨(dú)居荒郊野嶺守林人離奇死亡蟀给，尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,083評(píng)論 2贊 325
  • ?白月光啟示錄
    正文 我和宋清朗相戀三年，在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了阳堕。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片跋理。...
    茶點(diǎn)故事閱讀 38,163評(píng)論 1贊 334
  • 活死人
    序言：一個(gè)原本活蹦亂跳的男人離奇死亡，死狀恐怖恬总，靈堂內(nèi)的尸體忽然破棺而出前普，到底是詐尸還是另有隱情，我是刑警寧澤越驻，帶...
    沈念sama閱讀 33,803評(píng)論 4贊 323
  • ?日本核電站爆炸內(nèi)幕
    正文 年R本政府宣布汁政，位于F島的核電站道偷，受9級(jí)特大地震影響，放射性物質(zhì)發(fā)生泄漏记劈。R本人自食惡果不足惜勺鸦，卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,357評(píng)論 3贊 307
  • 男人毒藥：我在死后第九天來(lái)索命
    文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望目木。 院中可真熱鬧换途，春花似錦、人聲如沸刽射。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,357評(píng)論 0贊 19
  • 一樁弒父案，背后竟有這般陰謀
    文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)誓禁。三九已至懈息，卻和暖如春，著一層夾襖步出監(jiān)牢的瞬間摹恰，已是汗流浹背辫继。 一陣腳步聲響...
    開封第一講書人閱讀 31,590評(píng)論 1贊 261
  • 情欲美人皮
    我被黑心中介騙來(lái)泰國(guó)打工， 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留俗慈，地道東北人姑宽。 一個(gè)月前我還...
    沈念sama閱讀 45,636評(píng)論 2贊 355
  • 代替公主和親
    正文 我出身青樓，卻偏偏與公主長(zhǎng)得像闺阱，于是被迫代替她去往敵國(guó)和親炮车。 傳聞我的和親對(duì)象是個(gè)殘疾皇子，可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,925評(píng)論 2贊 344

推薦閱讀更多精彩內(nèi)容