可以搭配這篇教程使用: IOS: 讓你的網站以應用形式運行
實現效果:
↑, 訪問網站時主動提示將該網站作為應用安裝
教程:#
在網站根目錄創建 manifest.json 文件
內容參考: (使用時清除註釋)
{
"background_color": "#ffffff(背景色)",
"description": "(網站描述)",
"display": "standalone(顯示類型,目前參數為窗口化顯示)",
"icons": [
{
"sizes": "192x192(圖標大小)",
"src": "icon-192x192.png(填寫圖標地址)",
"type": "image/png(圖標文件類型)"
}
],
"name": "(網站名字)",
"short_name": "(簡短名字)",
"start_url": "/(網站主頁)",
"theme_color": "#000000(主題色)"
}
! 更多參數介紹請參考 MDN 的這篇文檔: Web App Manifest
編寫時注意 JSON 格式正確: 可以到此網站效驗修復
在網頁 **** 標籤內添加以下代碼:
<link rel="manifest" href="/manifest.json">
刷新網頁應會出現以上提示,若無請清除緩存