（教程）给你的网站添加渐进式网络应用，让用户可以直接安装网站到桌面

左右不逢缘 · 发表于昨天 22:22

马上注册，免费下载更多dz插件网资源。

您需要登录才可以下载或查看，没有账号？立即注册

×

（教程）给你的网站添加渐进式网络应用，以便于用户直接将网站安装到桌面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

©DZ插件网所发布的一切资源仅限用于学习和研究目的；不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负。
网站部分内容来源于网络，版权争议与本站无关。您必须在下载后的24个小时之内，从您的电脑中彻底删除上述内容。如果您喜欢该程序，请支持正版软件，得到更好的正版服务。
您在本站任何的赞助购买、下载、查阅、回复等行为等均表示接受并同意签订《DZ插件网免责声明协议》。
如有侵权请邮件与我们联系处理: discuzaddons@vip.qq.com 并出示相关证明以便删除。敬请谅解！