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

2023年8月23日#t161

AI 翻譯

這篇文章透過AI由簡體中文翻譯成繁體中文。查看原文

AI 生成的摘要

这篇教程介绍了如何让网站以应用形式运行。通过创建manifest.json文件并添加相应的内容，可以实现在访问网站时主动提示将该网站作为应用安装。教程中提供了manifest.json文件的示例内容，并说明了各个参数的作用。同时还提到了注意事项和修复JSON格式错误的方法。在网页标签内添加特定代码后，刷新网页即可看到相应的提示，如果没有出现提示，则需要清除缓存。

可以搭配這篇教程使用: 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">

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