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

实现效果:

↑, 访问网站时主动提示将该网站作为应用安装

教程:

在网站根目录创建 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格式正确: 可以到此网站效验修复

在网页<head>标签内添加以下代码: ¹

<link rel="manifest" href="/manifest.json">

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

本文参考了以下文档: https://www.lanol.cn/post/684.html

本站添加在主题文件内 ↩︎

除非特别声明，本站所有文章均采用 CC BY-NC-SA 4.0 协议，转载时请附上作者和原文链接。

教程:

发表回复 取消回复

发表回复取消回复