banner
「云华」CloudSino

网络一隅/Net`Corner

愿我的祝福与你同在!
github
bilibili
zhihu
steam
discord user
misskey
follow
email

补档|Chromium系浏览器:提示將網頁作為應用安裝

可以搭配這篇教程使用: IOS: 讓你的網站以應用形式運行

實現效果:

image-17-768x458

↑, 訪問網站時主動提示將該網站作為應用安裝

教程:#

在網站根目錄創建 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">

刷新網頁應會出現以上提示,若無請清除緩存

載入中......
此文章數據所有權由區塊鏈加密技術和智能合約保障僅歸創作者所有。