随笔分类 -  浏览器兼容

IOS13系统升级带来的H5兼容性问题
摘要：20号新推送的IOS13给很多app厂商和RD带来了便秘的感觉，目前复现的问题如下，后续还会持续更新： 1.H5 hybrid输入框导致的页面上移，卡住不动。收起减半后，页面出现半截白屏。（IOS12 + IOS13） IOS12会在键盘弹出时将页面上推，并压缩body的高度。 IOS13会在键盘弹 阅读全文
posted @ 2019-09-22 16:37 TateWang 阅读(6785) 评论(2) 推荐(0) 编辑
可编辑DIV与移动端软键盘兼容性问题汇总
摘要：此文复现的所有兼容性问题均为以下情况： 1. 腾讯X5内核 2. 全屏webview 问题如下： 1. IOS12 中软键盘弹出导致页面顶部截断，并且无法恢复。 解决方法：添加交互事件，调用本地方法，在键盘收起后执行页面回滚操作。 2. 页面中有多个可编辑DIV时，点击IOS系统中软键盘左上方的上下 阅读全文
posted @ 2019-01-31 18:14 TateWang 阅读(990) 评论(0) 推荐(0) 编辑
移动端滑屏全应用【三】requestAnimationFrame的兼容与使用
摘要：首先，传统做动画的方式有以下几种： 1. css的transition过度动画 2. css的animation动画 3. 使用setTimeout或setInterval模拟动画贞（js执行机制决定了并非严格意义上的动画贞） 定时器模拟动画又分为 ：（1）速度版运动 （2）时间版运动 4.使用re 阅读全文
posted @ 2018-12-09 18:34 TateWang 阅读(772) 评论(0) 推荐(0) 编辑
移动端二三事【六】：移动端多指操作事件，多指应用及函数封装。
摘要：一、基本事件介绍： gesture相关事件只有IOS下存在，安卓需自己封装！ css()函数等详细信息需有前几篇随笔的基础！ 事件1：gesturestart 触发条件：当手指触摸元素 且 当前屏幕上有两根或者两根以上的手指 事件2：gesturechange 触发条件：当已经触发了gestures 阅读全文
posted @ 2017-11-15 23:19 TateWang 阅读(1053) 评论(0) 推荐(0) 编辑
使用条件注释完成浏览器兼容
摘要：最近做的纯PC站需要兼容到IE8，一般使用css hack就能够完成，但如果兼容到IE7及以下就很头疼了，使用条件注释动态加载脚本是个不错的选择。 注释不同的浏览器版本 ：(1)、支持所有的IE浏览器（不包括IE10标准模式） <!--[if IE]>只有IE6,7,8,9浏览器显示(IE10标准模 阅读全文
posted @ 2017-06-04 11:31 TateWang 阅读(514) 评论(0) 推荐(0) 编辑
通过css属性hack完成select样式美化，并兼容IE
摘要：最近在重构时遇到了select样式问题，并且需要在不影响语义化的情况下，兼容IE8。 经过一番的百度后始终没有找到合适的纯CSS解决方案，最后换了一下思路，大胆使用了属性hack； 在chrome和FF下隐藏默认样式，显示css自定义样式，在ie下隐藏自定义样式，显示默认样式。 DOM代码如下： C 阅读全文
posted @ 2017-05-11 21:38 TateWang 阅读(4255) 评论(0) 推荐(0) 编辑
前端开发必备组件库【基于原生js、兼容主流浏览器、B/S必备】
摘要：【持续更新中...跪求点击右上角星星，好人一生平安！】 API详见github，链接如下： https://github.com/pomelott/pomelo-plug-in 阅读全文
posted @ 2017-03-20 21:17 TateWang 阅读(1076) 评论(0) 推荐(0) 编辑
兼容主流浏览器的js原生函数封装
摘要：1.获取和修改垂直滚动条的滚动距离 2.倒计时函数，需要创建一个id为countdown的div； 持续更新中...... 阅读全文
posted @ 2017-03-19 20:56 TateWang 阅读(254) 评论(0) 推荐(0) 编辑

Top
Contact: pomelott@163.com、pomelott@outlook.com
点击右上角即可分享
微信分享提示