如何一键让用户把你的网页安装到电脑中
只需要一行代码,一个简单的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">
三、一些优缺点 ¶
优点是相当于在用户电脑上安装了一个应用,有桌面快捷方式,应用列表也会显示。
缺点是兼容性很差,pc端除了chrome,其他的都不支持。
如果想卸载应用,有三个方法
- 访问chrome://apps/可以卸载
- 像正常的应用程序一样卸载
- 打开应用,右上角查看更多可以卸载
共1条评论