使用javascript添加到主屏幕功能

接下来创建Manifest.json和service-worker.js文件,如下所示：

的manifest.json

{
  "short_name": "BetaPage","name": "BetaPage","theme_color": "#4A90E2","background_color": "#F7F8F9","display": "standalone","icons": [
      {  
   "src": "assets/layouts/layout2/img/icon/android-icon-36x36.png","sizes": "36x36","type": "image/png","density": "0.75"
  },{
      "src": "assets/layouts/layout2/img/icon/android-icon-48x48.png","sizes": "48x48"
    },{
       "src": "assets/layouts/layout2/img/icon/android-icon-72x72.png","sizes": "72x72","density": "1.5"
  },{
    "src": "assets/layouts/layout2/img/icon/android-icon-96x96.png","sizes": "96x96","density": "2.0"
  },{
   "src": "assets/layouts/layout2/img/icon/android-icon-144x144.png","sizes": "144x144","density": "3.0"
  },{
   "src": "assets/layouts/layout2/img/icon/android-icon-192x192.png","sizes": "192x192","density": "4.0"
  }
  ],"start_url": "/index.html"
}

服务worker.js

self.addEventListener("fetch",function(event){

});

现在编辑index.html并在head部分添加以下代码