如何檢測用戶是通過主屏啟動你的webapp
看過Apple webapp API的同學都知道iOS為safari提供了一個將當前頁面添加主屏的功能,按下 iphoneipodipod touch底部工具中的小加號,或者ipad頂部左側的小加號,就可以將當前的頁面添加到設備的主屏,在設備的主屏會 自動 增加一個當前頁面的啟動圖標,點擊該啟動圖標就可以快速、便捷的啟動你的webapp。從主屏啟動的webapp和瀏覽器訪問你的webapp最大 的區別 是它清除了瀏覽器上方和下方的工具條,這樣你的webapp就更加像是nativeapp了,還有一個區別是window對像中的 navigator子對 象的一個standalone屬性。iOS中瀏覽器直接訪問站點時,navigator.standalone為false,從 主屏啟動webapp 時,navigator.standalone為true, 我們可以通過navigator.standalone這個屬性獲知 用戶當前是否是從主屏訪 問我們的webapp的。西安網站設計發現在Android中從來沒有添加到主屏這回事!
如何關閉iOS中鍵盤自動大寫
我們知道在iOS中,當虛擬鍵盤彈出時,默認情況下鍵盤是開啟首字母大寫的功能的,根據某些業務場景,可能我們需要關閉這個功能,移動版本webkit 為 input元素提供了autocapitalize屬性,通過指定autocapitalize=”off”來關閉鍵盤默認首字母大寫。
iOS中如何徹底禁止用戶在新窗口打開頁面
有時我們可能需要禁止用戶在新窗口打開頁面,我們可以使用a標簽的target=”_self“來指定用戶在新窗口打開,或者target屬性保持空, 但 是你會發現iOS的用戶在這個鏈接的上方長按3秒鐘后,iOS會彈出一個列表按鈕,用戶通過這些按鈕仍然可以在新窗口打開頁面,這樣的話,開發者指定 的 target屬性就失效了,但是可以通過指定當前元素的-webkit-touch-callout樣式屬性為none來禁止iOS彈出這些按鈕。這 個技 巧僅適用iOS對于Android平臺則無效。
西安做網站公司 - 日月行網絡,負責貴公司的整體UI設計,微信公眾號開發,小程序,網站管理系統開發,非常感謝貴公司對我們的信任和支持,我們會一如既往的為您服務!