webview知多少?
2015-05-31 20:20
316 查看
原生页面不会用到webview,html页面内嵌APP,才会用到webview。
一、什么是webview?
WebView是手机中内置了一款高性能 webkit 内核浏览器,在 SDK 中封装的一个组件。没有提供地址栏和导航栏,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 框架。
一、什么是webview?
WebView是手机中内置了一款高性能 webkit 内核浏览器,在 SDK 中封装的一个组件。没有提供地址栏和导航栏,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 框架。
相关文章推荐
- 华欣中文离线地图App上线
- 芭堤雅中文离线地图App上线
- 象岛中文离线地图App上线
- Android Broadcast编写的音乐播放器
- 皮皮岛中文离线地图App上线
- 5.31 androidstudioNDK配置,v7包actionbar设置overflow总是显示,android5的水波纹view
- 甲米中文离线地图App上线
- Android自定义控件View(三)组合控件
- Android Service的使用方法 音乐播放器实例
- 从cocostudio获取控件,添加回调函数
- Android 继承DialogFragment弹出dialog对话框一
- Android Service使用方法--简单音乐播放实例
- 如何退出调起多个Activity的Application?
- iOS支付宝密码框Demo/微信密码框/邀请码/验证码
- android 源码编译
- Android自定义ProgressDialog
- 一个简单的Android音乐播放器
- Android应用层View绘制流程与源码分析
- android自定义View实现图片上传进度显示(仿手机QQ上传效果)
- 如何更改android Studio logcat字体大小?