如何讓 web 頁面以獨立 app 的形式運行 meta: apple-mobile-web-app-capable
看個例子
你可能不知道的一個功能：
web 單頁面應用可以在手機端以類似獨立 app 的形式運行。
就像下面這樣，
- 沒有上下的工具欄
- 切換的時候跟普通 app 沒什麼兩樣
- 查看線上的例子： 饑荒 web app
讓頁面實現 standalone 功能
蘋果官方對 safari 可用 meta 標籤的說明
Safari HTML Reference - Supported Meta Tags
只需要添加下面一行即可
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="default">
apple-mobile-web-app-capable如果設置 content 爲 yes，應用以全屏模式運行，否則不會在全屏中運行。
apple-mobile-web-app-status-bar-style 用於定義狀態欄文字顏色的，可選值有 default black-translucent black
這兩個行爲只會在你把這個頁面添加到主屏幕時纔會生效。
注意，這個功能需要你的頁面是或項目是單頁面應用才行，如果是多個 html 頁面的項目，在使用的時候很不友好，像這樣：（跳轉時上面和下面會多出工具欄）
如何讓頁面以獨立 app 的形式運行
