最近,主要是基于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}}"