个人技术记录

喜欢唱、跳、Rap、篮球。

如何一键让用户把你的网页安装到电脑中

1444
2023-04-19 16:11:34

只需要一行代码,一个简单的json文件,就可以让用户快速的把你的网页安装到电脑中,并且可以生成桌面快捷方式。

一、创建json文件

json文件的配置比较简单

{
    "name": "你的应用名称",
    "short_name": "你的应用简称",
    "start_url": "你的域名",
    "description": "应用描述",
    "orientation": "portrait",
    "display": "standalone",
    "background_color": "#ffffff",
    "theme_color": "#ffffff",
    "icons": [
        {
            "src": "https://nblogs.com/favicon.png",//icon尽量用256*256及以上的,过小不生效
            "sizes": "512x512",
            "type": "image/png"
        }
    ]
}

更多配置项请点击这里

二、引入json文件

将下面代码添加到页面head中

<link rel="manifest" href="https://nblogs.com/manifest.json">

三、一些优缺点

优点是相当于在用户电脑上安装了一个应用,有桌面快捷方式,应用列表也会显示。

img img

缺点是兼容性很差,pc端除了chrome,其他的都不支持。

如果想卸载应用,有三个方法

  1. 访问chrome://apps/可以卸载
  2. 像正常的应用程序一样卸载
  3. 打开应用,右上角查看更多可以卸载

1条评论

哈哈2023-04-21 18:19:39
不错的方法
名称:
邮箱:
评论内容:
提交评论