<var id="qy50q"><tr id="qy50q"></tr></var>

html5[1]：優(yōu)化Android Webview性能

WindySky 2016-07-25

展開全文

tml5[1]：優(yōu)化Android Webview性能

盡量少用position:relative

做一個OTO項目時，頁面上下滑動時，顫抖的很厲害；

頁面中主要是圖片比較多，開始以為是圖片多的原因，但是把所有圖片都不加載，還是顫抖；

后來，去掉所有外部的css，立即就好了，經(jīng)過分析，CSS也都非常簡單，只有position這個屬性引起了我的注意，最后，注釋掉全部的position屬性，滑動還是很流暢，說明問題就出在此了；

最后，經(jīng)過逐個排查，竟然是一個footer元素的position:relative引起的，去掉之后，滑動非常流暢，界面布局依然正常，說明這個屬性基本沒用。
盡量使用帶webkit前綴的css屬性，這些屬性是經(jīng)過優(yōu)化的
比如：webkit-scrollbar、
-webkit-overflow-scrolling : touch; This allows us to build applications with a more native feel without needing to resort to a third party plugin.