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