WebApp - IOS兼容问题

Posted On the road

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了WebApp - IOS兼容问题相关的知识,希望对你有一定的参考价值。

最近,主要是基于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兼容问题的主要内容,如果未能解决你的问题,请参考以下文章

移动开发兼容性问题及性能优化

Android webView包装WebAPP

sessionstorage,localstorage在移动端的兼容性怎么样

ios 11 移动端兼容性滚动问题

ios兼容性问题

移动端ios兼容问题