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">

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

加载中...
此文章数据所有权由区块链加密技术和智能合约保障仅归创作者所有。