【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}}"