天天看點

WebView相關面試題1、如何提高WebView加載速度2、WebView與 js的互動3、WebView的漏洞4、JsBridge原理

1、如何提高WebView加載速度

美團技術分享

WebView啟動過程大概分為以下幾個階段:

WebView相關面試題1、如何提高WebView加載速度2、WebView與 js的互動3、WebView的漏洞4、JsBridge原理

App中打開WebView的第一步并不是建立連接配接,而是啟動浏覽器核心。

優化手段圍繞着以下兩個點進行:

  • 預加載WebView。
  • 加載WebView的同時,請求H5頁面資料。

常見的方法是全局WebView,在用戶端剛啟動時,就初始化一個全局的WebView待用,并隐藏;這種方法可以比較有效的減少WebView在App中的首次打開時間。當使用者通路頁面時,不需要初始化WebView的時間。

當然這也帶來了一些問題,包括:

  • 額外的記憶體消耗。
  • 頁面間跳轉需要清空上一個頁面的痕迹,更容易記憶體洩露。
  • 用戶端代理頁面請求WebView初始化完成後向用戶端請求資料
  • 在用戶端初始化WebView的同時,直接由native開始網絡請求資料;
  • 當頁面初始化完成後,向native擷取其代理請求的資料。
  • asset存放離線包。

除此之外還有一些其他的優化手段:

  • DNS和連結慢:
    • 想辦法複用用戶端使用的域名和連結,可以讓用戶端複用使用的域名與連結。
    • DNS采用和用戶端API相同的域名
    • DNS會在系統級别進行緩存,對于WebView的位址,如果使用的域名與native的API相同,則可以直接使用緩存的DNS而不用再發起請求圖檔。
  • 腳本執行慢:可以把架構代碼拆分出來,在請求頁面之前就執行好。
  • 後端處理慢:可以讓伺服器分trunk輸出,在後端計算的同時前端也加載網絡靜态資源。

2、WebView與 js的互動

Android去調用JS的代碼:

  1. 通過WebView的loadUrl()
  2. 通過WebView的evaluateJavascript()

JS調用Android代碼的方法:

  1. 通過WebView的addJavascriptInterface()進行對象映射
  2. 通過 WebViewClient 的shouldOverrideUrlLoading ()方法回調攔截 url
  3. Android通過 WebChromeClient 的onJsAlert()、onJsConfirm()、onJsPrompt(方法回調分别攔截JS對話框(即上述三個方法),得到他們的消息内容,然後解析即可。

3、WebView的漏洞

Android WebView常見的安全漏洞和解決方案

4、JsBridge原理

JSBridge的原理