WebApp - IOS相容問題

標籤：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相容問題