app wap開發mobile隱藏位址列的js
只要上面幾行JS程式碼就可以搞定。
之外再給大家推薦另一種方法:
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" >
下面這段程式碼ios7+新屬性,隱藏位址列,ios6估計會報錯
<meta name="viewport" content="initial-scale=1, maximum-scale=3, minimum-scale=1,
minimal-ui">
設定viewport
<meta content="telephone=no" name="format-detection" />
禁用電話
<meta name="apple-mobile-web-app-capable" content="yes" />
啟用web app。新增至主屏後,從主屏進入會隱藏位址列和狀態列
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
設定頂部電話訊號那一欄的樣式,可用值有default 、black、black-translucent三種,其中第三種為半透明,不佔高度。
<link rel="apple-touch-icon-precomposed" href="iphone_milanoo.png" />
設定主屏的圖示。該路徑需要注意的就是放到將網站的文件根目錄下但不是伺服器的文件的根目錄。圖片尺寸可以設定為57*57(px)或者Retina可以定為114*114(px),ipad尺寸為72*72(px)
<link rel="apple-touch-startup-image" href="milanoo_startup.png" />
啟動介面的圖片。該路徑需要注意的就是放到將網站的文件根目錄下但不是伺服器的文件的根目錄。官方規定啟動介面的尺寸必須為 320*640(px),原本以為Retina螢幕可以支援雙倍,但是不支援,圖片顯示不出來。