码迷,mamicode.com
首页 > 移动开发 > 详细

WebApp - IOS兼容问题

时间:2018-04-03 19:13:18      阅读:177      评论:0      收藏:0      [点我收藏+]

标签:eset   nbsp   text   button   web   mes   解决方案   radius   邮件   

最近,主要是基于Framework7 + RequireJs框架,移动端团队开发Webview框架,内嵌Web的模式进行WebApp开发。

在开发过程中不得不遇到一些 兼容性问题

 

1、现象:IOS环境不支持attr属性赋值的效果

     原因:jq版本兼容性问题,1.10以上的版本支持。

     解决方案:更新jq版本,若担心jq版本影响其他功能,改用Prop进行DOM属性赋值

 

2、现象:IOS设备环境下,input标签与css实现效果不一致,以及出现圆角、阴影;

      原因:IOS会在对部分input标签进行原生默认效果渲染;

      解决方案:border-radius:0px;

                        input[type="button"], input[type="submit"], input[type="reset"] {appearance: none;-webkit-appearance: none;-moz-appearance: none;}

                        textarea {appearance: none;-webkit-appearance: none;-moz-appearance: none;}   

 

3、现象:IOS设备下实现web页面调用设备电话、短信、邮件等功能出现href=‘unsafe‘的问题; 

      原因:IOS设备自动识别为危险链接; 

      解决方案: href="message://{{CustContactdata[0].MobilePhone}}"

 

WebApp - IOS兼容问题

标签:eset   nbsp   text   button   web   mes   解决方案   radius   邮件   

原文地址:https://www.cnblogs.com/alwaysblog/p/8710114.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!