h5開發移動端遇到的bug

以前開發過幾個移動端的項目,常常會遇到莫名其妙的bug,如今有空就一一記錄下,避免下次遇到時 毫無頭緒。ios

H5在ios上把某些數字變色

形成的緣由:字體

safari總會把長串數字識別爲電話號碼,文字變成藍色,點擊還會彈出菜單添加到通信錄。

解決的辦法:code

safari有個私有meta屬性能夠解決這個問題: <meta name="format-detection" content="telephone=no" />

JavaScript 在 ios 時間 顯示 NaN

形成的緣由:orm

服務端傳來的時間格式若是是  2017-02-16 20:41:10 這種格式的,須要把橫杆轉爲斜槓,

解決的辦法:事件

例如:new Date("2017-02-16 20:41:10".replace(/-/g,'/')).getFullYear()

IOS可否自動彈出軟鍵盤

在ios移動端, 彈出軟鍵盤只能 行爲事件才能觸發 彈出軟鍵盤, 腳本事件是不能觸發 彈出軟鍵盤

(行爲事件;如點擊,觸屏等)
(腳本事件:如 定時器定時觸發)ip

ios input輸入時白屏

解決的辦法:開發

在input的父元素上添加style="position:relative;"

ios 移動端 emoji 表情顯示不完整

解決的辦法:get

給input 設置高度,或者加大字體

IOS和安卓一些標籤使用

  • 不能用 overflow:auto 否則會隱藏 按鈕
  • 不能用 <input type="button" > 否則不能正常顯示

目前記得的就這些,後續有新的會繼續更新!
若有錯誤或者遺漏的歡迎指正!input

相關文章
相關標籤/搜索