# Service Workers 离线Web应用

Service Workers 用于离线功能、后台同步和网络拦截

> 标准页面: https://elysiatools.com/zh/samples/service-workers

- **分类:** Web Technologies

- **关键词:** service workers, 离线, pwa, 缓存, 后台同步, 网络

## 概述

Service Workers 用于离线功能、后台同步和网络拦截

## 示例

- **基础 Service Worker 设置**: 注册Service Worker并启用离线缓存
- **后台同步**: 网络连接恢复时同步数据
- **推送通知**: 接收和处理Service Worker的推送通知
- **高级缓存策略**: 实施不同的缓存策略以获得最佳性能

## 适用场景

- Use this sample set when you want reference inputs for Service Workers 离线Web应用.
- Use it to preview output formats and compare related sample variants.

## 工作原理

- Open a sample entry to inspect the prepared example payload or asset.
- Compare it with related tools to understand how the workflow connects.

## 使用案例

- 基础 Service Worker 设置
- 后台同步
- 推送通知
- 高级缓存策略

## 常见问题

### What is included in Service Workers 离线Web应用?

This page includes curated sample entries, related tools, and neighboring sample collections for Service Workers 离线Web应用.

## 相关工具

- [Chrome网上应用商店截图调整](https://elysiatools.com/zh/tools/chrome-web-store-screenshots-resized): 将图片调整为Chrome网上应用商店截图尺寸，同时保留完整内容和原始宽高比例
- [ReDoS 正则拒绝服务扫描器](https://elysiatools.com/zh/tools/redos-regex-scanner): 扫描一个或多个正则表达式的灾难性回溯风险，模拟恶意输入并给出更安全的替代建议
- [TOTP / HOTP 离线动态密码生成器](https://elysiatools.com/zh/tools/totp-hotp-offline-generator): 从 base32 共享密钥生成 RFC 6238 TOTP（基于时间，6/8 位、30/60 秒步长）与 RFC 4226 HOTP（基于计数器）一次性密码，完全离线，支持 HMAC-SHA1/256/512，并导出 otpauth:// URI 以便导入 Google Authenticator / Authy
- [Web 搜索（SearXNG JSON）](https://elysiatools.com/zh/tools/web-search): 通过 s.stdlang.com 的 SearXNG 实例搜索网页，返回 JSON 结果供自动化或后续工具使用。
- [网页字体配对实验室](https://elysiatools.com/zh/tools/webfont-pairing-lab): 并排预览 标题 + 正文 的 Google 字体配对，调节字重与行高，复制即可粘贴的 CSS @import + 变量代码。精选 22 款字体及 7 组经典搭配预设。

## 相关内容

- [渐进式Web应用 (PWA)](https://elysiatools.com/zh/samples/pwa): 构建现代、可靠、引人入胜的渐进式Web应用，具备离线功能
- [WebRTC 实时通信示例](https://elysiatools.com/zh/samples/webrtc-samples): 全面的 WebRTC 示例，用于点对点音视频通信、数据通道、屏幕共享和信令服务器实现