/

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

設置您的網站以在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”]