直接點擊一個圖標,打開一個網(wǎng)頁,而無需先打開Safari瀏覽器。這樣,用戶可以將常用的網(wǎng)頁保存在主屏幕上,便于快速訪問。
原理
在iOS 13之前,使用WebClip打開的網(wǎng)頁會以Safari內(nèi)嵌瀏覽器的形式顯示,這意味著網(wǎng)頁上方和下方還會有Safari瀏覽器的地址欄和工具欄。然而在iOS 13中,Apple引入了全新的“支持瀏覽器指定全屏”的功能。這意味著網(wǎng)頁可以在WebClip上請求全屏顯示,將屏幕的所有可用空間都用于顯示網(wǎng)頁內(nèi)容ios手游 免簽,讓用戶能夠沉浸在網(wǎng)頁內(nèi)容中。
如何設(shè)置WebClip全屏
為了讓WebClip以全屏形式打開網(wǎng)頁,網(wǎng)頁開發(fā)者需要在網(wǎng)頁的\ 標簽內(nèi)加入以下代碼:
“`html
“`
這兩行代碼分別表示網(wǎng)頁是適用于Apple的移動設(shè)備,并且支持觸摸全屏功能。一旦添加了這些代碼, 當用戶將該網(wǎng)頁添加到主屏幕后打開,Safari就會全屏顯示這個網(wǎng)頁,不再有地址欄或者工具欄。
需要注意的是,有時候即使添加了這些代碼,WebClip全屏還是無法正常運行。這通常是由于頁面包含一些不符合Apple全屏標準的代碼,例如使用了iframe或者依賴于其他特定庫。在這種情況下,可能需要進一步修改代碼才能確保WebClip全屏正常工作。
總結(jié)
iOS 13中的WebClip全屏功能為用戶帶來了全新的瀏覽體驗,讓我們可以更加專注地瀏覽網(wǎng)頁。然而,要使網(wǎng)頁能夠在WebClip上順利全屏顯示,網(wǎng)頁開發(fā)者需要遵循Apple的標準,為網(wǎng)頁添加正確的代碼。對于入門的開發(fā)者而言,以上所述的信息和示例能夠幫助你成功設(shè)置WebClip全屏功能。