在页面源码中插入以下元标签:
<meta name="apple-mobile-web-app-capable" content="yes">
↑,設置為yes
以全屏模式運行,不會跳轉到瀏覽器,不顯示上下工具欄
<meta name="apple-mobile-web-app-status-bar-style" content="default">
↑,設置狀態欄顏色(需要先添加第一個標籤),可選值為 default / black-translucent / black
介紹(機翻自蘋果官方文檔):
如果內容設置為(default
),狀態欄將顯示正常。如果設置為(black
),狀態欄會顯示黑色背景。如果設置為(black-translucent
),狀態欄為黑色半透明。
如果設置為(default
)或(black
),則狀態欄下方顯示網頁內容。如果設置為(black-translucent
),則網頁內容顯示在整個屏幕上,部分被狀態欄遮住。
默認值為(default
)。
安裝使用:
Safari 瀏覽器 -> 分享 -> 添加到主屏幕
點擊桌面上的網站圖標,此時網站會在一個新窗口獨立運行,而不是作為打開瀏覽器的書籤