Android WebView 的三種使用方式

關於原生開發好,仍是混合模式開發好,仍是 套殼的方式好,在這裏不是重點,沒有最好的,只有相對適合的。 重點是 那種方式 以最低的資源代價 適合你的業務場景,適合你的團隊,根據實際狀況來作技術選型。css

1,使用h5替代android的view xml 前端將寫好的h5 頁面放在android 工程的asset目錄, 打包的時候會將h5頁面一塊兒打在apk裏面, 此時 h5中的ajax交互在webview中是 能夠跨域請求的。 因此最終 android就是一個殼和主要的入口,剩下的開發就像開發h5 微站同樣了 這的好處是:android人力不足,前端人力充足的狀況下,同時適合業務場景,以及報表展現場景。 html頁面放在asset的好吃是加載快,app與雲端的接口交互都是ajax json數據交互。 缺點:html 在apk包中,更改須要升級apk。html

2,混合模式 在方式一的基礎上中和一下,將 部分功能用h5來替代, 好比 關於咱們,幫助中心,這種須要雲端 頻繁進行內容變動的 再好比:複雜報表展現,這種用h5中嵌入的hichartis,echarts比較方便。前端

3,雲端模式+緩存 對於部分 更新比較頻繁的 能夠採用直接 webview連接雲端頁面地址的方式 這種方式 更新頻繁,爲了提升速度,避免沒必要要的重複請求,能夠設置頁面緩存 將 頁面中 固定不變的 css js 圖片等文件 緩存起來,來提高頁面加載速度html5

H5的緩存方式有如下幾種: 1,Cache-Control 與 Last-Modified 是瀏覽器內核的機制 能夠在頁面代碼中寫,也能夠在nginx 中配置瀏覽器中緩存的有效時長 2,使用localstorage sessionStorage 進行數據緩存android

關於h5的離線緩存 機制(文檔:http://www.w3school.com.cn/html5/html_5_app_cache.asp )nginx

<html lang="en" manifest="index.manifest"> 或<html manifest="http://www.example.com/index.manifest">web

Manifest是一個簡單的 文本文件,它的擴展名是任意的,定義須要緩存的文件、資源,當第一次打開時,瀏覽器會自動緩存相應的資源 Manifest 的特色:ajax

離線瀏覽:即當網絡斷開時,能夠繼續訪問你的頁面。 訪問速度快:將文件緩存到本地,不需每次都從網絡上請求。 穩定性:作了Manifest緩存,遇到突發網絡故障或者服務器故障,繼續訪問本地緩存。json

相關文章
相關標籤/搜索