- 综合排序
- 最热优先
- 最新优先
- 来自专栏前端黑板报
构建离线web应用（二）
首先，我们需要在项目的根目录下新增一个 package.json 文件： npm init -y 安装 sw-precache： npm install --save-dev sw-precache 创建一个配置文件 在 package.json 中新增一个 script 用来生成 service worker 文件： "scripts": { "sw": "sw-precache --config=tools/precache.js
1.2K80发布于 2018-01-29 校园圈子系统 app+h5+小程序端多端打包部署，校园跑腿小程序校园外卖校园论坛小程序
你可以使用 Workbox、Sw-precache 等工具来帮助实现 PWA。7. 移动端调试和优化使用 Chrome DevTools 或 Safari 的开发者工具在移动设备上调试你的网站。
54710编辑于 2025-04-09- 来自专栏程序员成长指北
Service Worker：让你的 Web 应用牛逼起来
) { var url = new URL(originalUrl); // Remove the hash; see https://github.com/GoogleChrome/sw-precache strings into a string with '&' in between each return url.toString(); }; var hashParamName = '_sw-precache 简介 在 Workbox 之前，GoogleChrome 团队较早时间推出过 sw-precache 和 sw-toolbox 库，但是在 GoogleChrome 工程师们看来，workbox 才是真正能方便统一的处理离线能力的更完美的方案 ，所以停止了对 sw-precache 和 sw-toolbox 的维护。
2.9K50发布于 2020-04-22 - 来自专栏Akilarの糖果屋
Butterfly主题的PWA实现方案
_sw-precache=fff6559539ab8f2d6043bcfa832ce38f。
1.9K20发布于 2021-06-11 - 来自专栏前端架构
ServiceWorker工作机制与生命周期：资源缓存与协作通信处理
在 Workbox 之前，GoogleChrome 团队较早时间推出过 sw-precache 和 sw-toolbox 库，但是在 GoogleChrome 工程师们看来，workbox 才是真正能方便统一的处理离线能力的更完美的方案 ，所以停止了对 sw-precache 和 sw-toolbox 的维护。
2.1K20发布于 2021-07-03 - 来自专栏JavaScript全栈
你的web应用支持离线访问和策略缓存吗？
Strategies4.Request routing5.Background sync6.Helpful debuggin7.Greater flexibility and feature set than sw-precache
1.3K20发布于 2020-07-20 - 来自专栏前端infoQ
HTTP 缓存最佳实践和 max-age 带来的陷阱
response); }) }) ) }) ) }) 在上文中，我使用随机数来破坏缓存，但您可以更进一步，使用构建步骤来添加内容的哈希值（类似于 sw-precache
85320编辑于 2023-12-01 - 来自专栏采云轩
Vue 组件数据通信方案总结
_sw-precache=a7a4d39c5138496b644f27256d087649#ref
89010发布于 2019-12-20 - 来自专栏黯羽轻扬
Progressive Web Apps
为了屏蔽这些边界case，推荐使用GoogleChromeLabs/sw-precache帮助处理缓存控制问题（包括过期，更新策略等等） 缓存有了，接下来实现代理部分，拦截请求，并把缓存内容作为响应：
1.5K40发布于 2019-06-12 - 来自专栏web秀
未来大前端技术趋势深度解读
在 Workbox 之前，Google Chrome 团队较早时间推出过 sw-precache 和 sw-toolbox 库，但骂声很多，直到 Workbox 才真正诞生了能方便统一的处理离线能力的更完美的方案
2.4K20发布于 2019-09-04 - 来自专栏较真的前端
饿了么的 PWA 升级实践
在新的 Service Worker 被激活时，清单里的资源就会被请求与缓存，这其实与 SW-Precache 这个库的运行机制非常接近。 实际上，我们只对我们标记为“关键路由”的路由进行依赖收集。
2K40发布于 2018-06-08
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号