設置您的網站以在iOS上允許全屏

在使用iPad Pro期間,我決定將一些網站添加到主屏幕。雖然同樣的操作在iPhone上也有效: 按壓分享按鈕(在底部中間)以顯示選項面板: 選擇“添加到主屏幕”: 現在,您將在主屏幕上看到一個帶有網站圖標的應用程序。 點擊它只會在Safari中打開該網站。 但是,如果將此meta標籤添加到頁面中: <meta name="apple-mobile-web-app-capable" content="yes"> 點擊應用程序圖標將在全屏中打開該網站: 這在iPad上也是有效的: 這將幫助您節省螢幕空間,因為Safari的用戶界面將無用,也能提升整體應用程式使用體驗。 當然,這必須得到網站/應用程式開發者的支援,否則無法全屏顯示。