1. 程式人生 > >window.navigator.standalone 檢測iOS WebApp是否運行在全屏模式

window.navigator.standalone 檢測iOS WebApp是否運行在全屏模式

navi 屬性 如果 運行 運行時 one avi 顯示效果 navigator

iOS上的Safari瀏覽器可以讓Web應用程序全屏顯示,以取得類似本地應用的顯示效果。但是這需要用戶把Web應用程序的圖標添加到主屏幕才可以。作為開發者,為了更好的顯示效果,我們可能希望自己開發的Web應用程序在非全屏狀態下運行時提示用戶把Web應用程序的圖標添加到主屏幕。

要檢測Web應用程序當前是否運行在全屏狀態,只要檢測window.navigator.standalone是否為true就可以了,如果這個屬性為true則表示Web應用程序當前運行在全屏狀態,否則運行在非全屏狀態。檢測到Web應用程序運行在非全屏狀態時就可以提示用戶把Web應用程序的圖標添加到主屏幕。

window.navigator.standalone 檢測iOS WebApp是否運行在全屏模式