（教程）给你的网站添加渐进式网络应用，以便于用户直接将网站安装到桌面1.效果演示移动端（部分国产浏览器可能不支持）edge，chrome 均支持PC端（部分国产浏览器可能不支持）edge，chrome 均支持2.开始添加所需要的文件



https://www.123684.com/s/E4XTjv-8ywZ3



下载到网站根目录然后解压，有的程序可能要放在主题文件的根目录。开始之前你是按照你的需求进行修改manifest.json修改之后需要删除注释保存3.解压完成之后编辑首页文件在head标签添加（文件路径需要替换为你实际的文件路径）



<link rel="manifest" href="文件路径/manifest.json">



添加完之后滑到文件末尾添加（你的文件路径需要替换为你实际的文件路径）



<script>

  if('serviceWorker'in navigator){

    window.addEventListener('load', function(){

      navigator.serviceWorker.register('你的文件路径/service-worker.js').then(function(registration){

        console.log('ServiceWorker registration successful with scope: ', registration.scope);

      }, function(error){

        console.log('ServiceWorker registration failed: ', error);

      });

    });

  }

</script>



好，现在添加完之后我们保存最后我们刷新一下页面，就可以看到浏览器旁边多了一个按钮原文地址https://www.sakuraidc.cc/forum-post/1396.html