app 中的webview控件与终端浏览器的内核不一致
来源:互联网 发布:农村淘宝网点查询 编辑:程序博客网 时间:2024/06/06 10:38
这两天做了一个“砸金蛋”的效果
http://git.oschina.net/hbiao68/bomb_egg
从点击选择砸的蛋,到锤子砸蛋,到蛋碎裂,最后从蛋中显示代金券一系列动作自动完成。
问题:
在PC浏览器、android 和 iphone手机浏览器中显示全部正常,但是将其运行到app的webview控件中显示,却没有“锤子砸”的效果?
问题分析:
锤子砸的效果是使用的CSS3,transform:rotate(-5deg);
因为认为移动端的浏览器支持CSS3的效果已经很好了,所以就没有使用-webkit-transform
由于app中的webview还是与PC和手机浏览器中的内核有一定的差异(例如为了兼容更早期版本的浏览器,舍弃了一些高级更消耗资源的动画效果),导致对相同的代码,在浏览器中显示OK,却在webveiw中显示不正常
<div class="absolute width_33" style="top:-7%;right: 7%;-webkit-transform:rotate(-5deg);transform:rotate(-5deg);" id="hammerContainer">
0 0
- app 中的webview控件与终端浏览器的内核不一致
- 运行到手机的app版本号与代码中的版本不一致
- 如何定位APP上的webview控件
- android开发中WebView控件的实例与注意要点——个人主页浏览器简易实现
- android开发中WebView控件的实例与注意要点——个人主页浏览器简易实现
- 抛弃Android自带webview,使用腾讯qq浏览器x5内核的webview浏览器
- 不使用webview,用手机浏览器的android app
- iOS webView与APP的交互
- UI控件上下文菜单语言与APP语言不一致情况处理
- android --webview控件 浏览器制作
- 原生app与Web app的连接使者WebView
- Android代码与webview控件的交互
- 填上浏览器跳转app-webview,app没有接收跳转url的查询参数的坑
- 阻止 android webview 中的链接跳出APP(即跳转到系统浏览器)
- webbrowser与IE浏览器显示不一致
- WebView控件中的javascript与Android本地功能交互
- v$session_event中的SID与v$session不一致的BUG
- Android 浏览器开发中的小技巧,webview的复制功能
- 弹出遮罩层,阻止背景滚动
- hive优化
- cordova 环境搭建
- 深入理解javascript(14):自由变量到作用域链
- 剑指Offer完整源代码链接
- app 中的webview控件与终端浏览器的内核不一致
- cordova启动首页,访问远程服务器web_app
- angular和webstorm 加载本地数据,实现“单机版”web应用
- OD的字符串断点
- 在ionic中查看原始图片
- bootstrap datetimepicker学习
- 自定义进度条(兼容IE)
- Let the Balloon Rise
- bootstrap datetimepicker定位不准确问题