补档|Chromium系浏览器: 提示将网页作为应用安装

2023年8月23日#t159

AI 生成的摘要

这篇教程介绍了如何让网站以应用形式运行。首先需要在网站根目录创建一个manifest.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">

刷新网页应会出现以上提示，若无请清除缓存