粥里有勺糖

vuePress-theme-reco 粥里有勺糖    2018 - 2023
粥里有勺糖 粥里有勺糖

Choose mode

  • dark
  • auto
  • light
关于我
备战春秋
  • 心得总结
  • 校招考点汇总
  • 面经汇总
  • 复习自查
技术笔记
  • 技术教程
  • 模板工程
  • 源码学习
  • 技术概念
  • 个人作品
  • 学习笔记
计算机基础
  • 算法与数据结构
  • 操作系统
  • 计算机网络
  • 设计模式
  • 剑指offer
大前端
  • javascript
  • vue
  • html
  • css
  • 🌏浏览器专题
  • Web性能优化
  • regexp
  • node
面试
  • 问解
  • javascript
  • css
  • 手撕代码
  • 性能优化
  • 综合问题
  • 面经汇总
  • 小程序
手撕代码
  • 数据结构与算法
  • javascript
  • css
个人站点
  • GitHub (opens new window)
  • 博客园 (opens new window)
  • 掘金 (opens new window)
线上作品
  • 轻取(文件收集) (opens new window)
  • 个人图床 (opens new window)
  • 考勤小程序 (opens new window)
  • 时光恋人 (opens new window)
  • 在线简历生成 (opens new window)
留言板
Github (opens new window)
author-avatar

粥里有勺糖

285

文章

40

标签

关于我
备战春秋
  • 心得总结
  • 校招考点汇总
  • 面经汇总
  • 复习自查
技术笔记
  • 技术教程
  • 模板工程
  • 源码学习
  • 技术概念
  • 个人作品
  • 学习笔记
计算机基础
  • 算法与数据结构
  • 操作系统
  • 计算机网络
  • 设计模式
  • 剑指offer
大前端
  • javascript
  • vue
  • html
  • css
  • 🌏浏览器专题
  • Web性能优化
  • regexp
  • node
面试
  • 问解
  • javascript
  • css
  • 手撕代码
  • 性能优化
  • 综合问题
  • 面经汇总
  • 小程序
手撕代码
  • 数据结构与算法
  • javascript
  • css
个人站点
  • GitHub (opens new window)
  • 博客园 (opens new window)
  • 掘金 (opens new window)
线上作品
  • 轻取(文件收集) (opens new window)
  • 个人图床 (opens new window)
  • 考勤小程序 (opens new window)
  • 时光恋人 (opens new window)
  • 在线简历生成 (opens new window)
留言板
Github (opens new window)

🤔为什么需要手动刷新本站点

vuePress-theme-reco 粥里有勺糖    2018 - 2023

🤔为什么需要手动刷新本站点

粥里有勺糖 2020-11-28 大前端

# 🤔为什么需要手动刷新本站点

当你访问站点时,如发现页面右下角有这个小窗时,请记得点一下

示例

# 为什么🤔

网站接入了资源离线化方案 ServiceWorker (opens new window)

通俗讲就是首次联网访问后,浏览器会把资源文件都缓存起来,用户断网后仍能访问本站点(需要用户的浏览器支持 ServiceWorker)

能提升用户的阅读体验,利用缓存也能大幅提高页面加载速率

# 如何查看是否支持🤪

  1. 通过CAN I USE (opens new window)查询自己的终端是否支持

  2. 可在DevTools(开发者调试工具) 中的 Application 面板的 ServiceWorkers的侧边栏中 看到如下内容

图片

  • 绿色的表示是目前正在使用的sw.js(缓存控制文件)版本
  • 橙色表示已经就绪的新版本内容,等待被载入使用

💡1. 用户可以通过弹窗的引导,主动载入最新的内容

💡2. 完全退出浏览器,重新访问本站点

以上两种方式都可实现最新内容的加载

Edit this page (opens new window)
Last Updated: 2022/12/3 15:11:44