webview知多少？

webview是手機中内置了一款高性能 webkit 核心浏覽器,在 sdk 中封裝的一個元件。沒有提供位址欄和導航欄，webview隻是單純的展示一個網頁界面。

原生頁面不會用到webview，html頁面内嵌app，才會用到webview。

一、什麼是webview?

二、為什麼嵌入app的html頁面加載很慢？

1、加載資源的速度不慢，但是資源多了，就很慢。圖檔、 css 、 js 、 html 這些資源每個大概需要 10-200ms，一般都是 30ms 就 ok 了。如果一個頁面上的資源很多，就很浪費時間。

2、能用 css 的地方都用 css ，能直接寫到 html 上的就不用 js 動态生成。

3、webview 加載頁面的順序是這樣的：先加載 html ，然後從裡面解析出 css 、 js 檔案和頁面上寫死的圖檔資源進行加載，如果 webkit 的緩存裡面有，就不加載。加載完這些資源之後，就進行 css 的渲染和 js 的執行。 css 的渲染一般不需要很長時間，幾十毫秒就 ok 。關鍵是 js的執行，如果用了 jquery ，則執行起來需要 5-6 秒。而在這段時間，如果不在 webview 裡設定背景，網頁部分是白色的，很難看，這是一個很糟糕的使用者體驗。是以如果用網頁布局程式，最好别用很大的 js 架構。

部落格簽名：敬畏生命，珍惜時間，熱愛生活。