本教程操作环境:windows7系统、HTML5版、Dell G3电脑。
在移动设备中,尤其触摸屏等智能手机中,内嵌的浏览器-webview中,要展现html页面,因此对于html页面的开发需要注意一些事项,大概有以下几点:
1、在webview中,对于click,mouseup,mousedown等鼠标事件会有200毫秒延迟,建议使用touch事件,方便的话请引用Quo.js事件(大小为3KB),满足快速点击效果;
2、webview中不兼容css3的:active属性,需要对touchstart、touchend事件添加class为active,增加.active在css中
3、目前android中的webview只支持html,body的滚动,对于其他div等元素,即便是使用overflow:scroll也无法让div可以滚动,因此需要对此进行兼容处理。
4、在webview中开发网页,要达到类似app的效果,尤其是同一个网页不同模块页面的转换,为了让其效果更加接近本地应用,这里推荐一款插件pagetransitions.js(见附件pagetransitions.zip)。
它是通过css3的动画去让各个页面进行流畅的转换,允许在同一个网页,通过各种动画效果转换。
相关推荐:《html视频教程》
以上就是移动html5在webview中需要注意什么的详细内容,更多请关注Work网其它相关文章!