如何在chrome浏览器右侧地址栏添加一个下载应用的按钮

img

img


如何在chrome浏览器右侧地址栏添加一个下载应用的按钮
如何在chrome浏览器右侧地址栏添加一个下载应用的按钮

主要用manifest标签

manifest.json



{
  "name": "W3开放网",
  "short_name": "W3开放网",
  "start_url": "/?source=pwa",
  "display": "standalone",
  "scope": "/",
  "background_color": "#fff",
  "homepage": "https://www.w3dev.cn/",
  "icons": [
    {
      "src": "/images/48x48.png",
      "type": "image/png",
      "sizes": "48x48"
    },
    {
      "src": "/images/96x96.png",
      "type": "image/png",
      "sizes": "96x96"
    },
    {
      "src": "/images/144x144.png",
      "type": "image/png",
      "sizes": "144x144"
    },
    {
      "src": "/images/192x192.png",
      "type": "image/png",
      "sizes": "192x192"
    }
  ]
}

页面用link加载manifest文件就行


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

网址测试
https://www.w3dev.cn/app.html
效果

注意里面的图片要全部下载下来,而且图片分辨率和配置的大小一致,要不不显示地址栏图标

开发文档参考


img

大神你是要改谷歌的浏览器么,然后把你的程序应用放到下载里面是么