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