webview中html页面开发注意事项
来源:互联网 发布:香港大学网络教育 编辑:程序博客网 时间:2024/06/05 15:17
在移动设备中,尤其触摸屏等智能手机中,内嵌的浏览器-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可以滚动,因此需要对此进行兼容处理。
处理方法有两种:
第一、是使用iscroll.js插件,但是该插件会自动阻止所有默认事件,因此需谨慎使用;
第二、通过监听DIV元素的触摸和拖动事件,进行模拟滚动效果,具体方法见noBarsOnTouchScreen.js
4. 在webview中开发网页,要达到类似app的效果,尤其是同一个网页不同模块页面的转换,为了让其效果更加接近本地应用,这里推荐一款插件pagetransitions.js(见附件pagetransitions.zip)。
它是通过css3的动画去让各个页面进行流畅的转换,允许在同一个网页,通过各种动画效果转换。
附件地址:
百度云盘 :
noBarsOnTouchScreen.js
pagetransitions.zip
0 0
- webview中html页面开发注意事项
- webview中html页面点击文本框整个页面放大
- webview中html页面点击文本框整个页面放大
- webview加载本地html注意事项
- HTML开发过程中一些注意事项
- 弹出页面注意事项!HTML
- iPhone中通过WebView显示本地html页面
- webview中html页面里的跳转-----返回键处理
- Android开发 WebView使用注意事项
- android webview 适配html页面
- html开发注意事项
- 页面开发注意事项积累
- Android开发中webView与HTML+JS的交互
- MacOSX 系统开发中 webView 页面的强制刷新
- HTML中列表注意事项
- html中重点注意事项
- ios 进阶 -- webview 与html 页面交互
- android webview获取html页面属性
- C++primer 4.4 多维数组、指针数组、数组指针(未完)
- char或unsigned char给int赋值区别
- linux下mysql中文乱码问题
- 如何在Qt Creator中调试Ubuntu Scope
- Linux下用memory方式访问PCIE空间
- webview中html页面开发注意事项
- linux下解决mysql区分大小写问题
- Android中moveTo、lineTo、quadTo、cubicTo、arcTo详解(实例)
- 在URL中传递中文的解决方式
- Android简单自定义圆形和水平ProgressBar
- 关于自组织团队建立的先决条件的思考
- Liunx常用命令
- 线程同步的2种方法
- Android布局文件之TableLayout