工作中会遇到低版本安卓设备调用setTimeout不生效,既不会报错,里面的函数也不会执行,这里po一个解决办法,如果不执行则执行安卓自己封装的原生的setTimeout方法:sdk.setTimeout. 注明:此方法为我们老大所写,放在这里惠存一下. 基本方案/*******/ (function(window){ Promise.race([ new Promise((resolve)=>{ window.setTimeout(()=>{ resolve(window.setTimeou…
代码: <!--[if lte IE 9 ]> <div class=""> //这里面可以添加自己定义的内容 </div> <script type="text/javascript"> //这里也可以添加自定义的js alert("浏览器版本过低"); window.stop ? window.stop() : document.execCommand("Stop"); &l…
低版本的安卓手机可能会白屏,是由新特性不支持引起的 解决代码es6新特性兼容问题 1,npm 安装 npm install babel-polyfill npm install es6-promise 2,main.js 引入  import 'babel-polyfill' import Es6Promise from 'es6-promise' require('es6-promise').polyfill() Es6Promise.polyfill() 3.webpack.base.con…
background:url("http://..../xxx.jpg") no-repeat center/cover; 这种复合形式在有些低端安卓浏览器中不支持,最好分开写: background-image:url("http://..../xxx.jpg"); background-repeat:no-repeat; background-position:center; background-size:cover;…
最近做移动端H5页面用VUX来写UI组件这块.ios测试的时候没啥大问题,不过在4.4版本的华为手机上测试就崩了.接下来详细记述下崩的几个点. 第一:vux自带的提示框,在低版本安卓系统上全不是居中显示,都偏左: 第二:使用Action Sheet来显示性别选择模态弹出框的时候,一开始就显示,即使选择了之后也不消失: 第三:弹出层没有遮罩层: 第四:一些css3样式会设置无效: 解决办法: 只要在package.json中修改一下browserslist(见截图):…
昨天,在医院现场的客服人员,向我们反馈一个问题:说一位用户用他的安卓手机打开我们的app之后,界面是乱掉的:如下图: 向客服询问了具体的设备信息:安卓系统版本号是4.2 下意识觉得是因为css的兼容问题,因为之前遇到过太多类似问题了. 因为现在css3大行其道,像 flex,transform,transition,animation等属性都有广泛的应用,当然这些css3也支持当下的主流设备及系统. 但是因为我们的app目标用户比较广泛,很多用户是老年用户,使用比较低版本的系统,这些属性就可能在…
Bug描述: 使用低版本安卓(<5.2),在微信上打开网页,点击下拉框,会出现如下图所示的用来展示select选项的弹出框: 在选项较少的时候,可以向下滑动,将选项滑到底部 滑动前: 滑动后: 期望达到的效果: 解决方案: 判断是否是微信环境: function isWeixinBrowser(){ return /micromessenger/.test(navigator.userAgent.toLowerCase()); } 判断安卓版号: var userAgent = navigato…
解决selenium不支持firefox低版本的问题 在火狐浏览器升级后,突然发现webdriver运行脚本的时候不能调出火狐浏览器了,并报错WebDriverException:Message:'Can\t load the profile. Profile Dir:XXXX……',具体见下图: 经过网上查询后发现,是因为我所用的selenium包的版本不支持现在用的火狐浏览器,我的selenium包的是selenium-server-standalone-2.31.0.jar,火狐浏览器版本…
html5提供的一些新标签(article,aside,dialog,footer,header,section,footer,nav,figure,menu)使用起来非常的方便,但是低版本的IE浏览器(IE6/IE7/IE8)对的这些新标签“视而不见”,根本识别不了,不免让前端工作者们望而却步. 下面我们收集整体了一些方法,让你再也没有后顾之忧了. 一.引用JS库 让IE(ie6/ie7/ie8)支持HTML5元素,我们需要在HTML头部添加以下JavaScript,这是一个简单的docume…
让低版本的IE浏览器 强制渲染为IE8 或者 以上 浏览器模式 那么就要用下面的方法:让网页兼容ie9 复制代码 代码如下: <!–[if lte IE 8]> <meta http-equiv=”x-ua-compatible” content=”ie=7″ /> <![endif]–> <!–[if IE 9]> <meta http-equiv=”x-ua-compatible” content=”ie=9″ /> <![endif]…