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

/ 140 阅读 / 1评 / 538字 / 1

可以搭配这篇教程使用: 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格式正确: 可以到此网站效验修复

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

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

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

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

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

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


  1. 积雨云说道:

    分享一下踩过的坑,

    当时在icons图标上折腾了很久

    没有图标, 不行, 图标格式有问题也不行

    以及,好像不能用.ico文件作为图标

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注