跳至主要内容
CSS-Tricks
  • 文章
  • 笔记
  • 链接
  • 指南
  • 年鉴
  • 随机
搜索

文章标签
service workers

17 篇文章
{
,

}
文章的直接链接 离线*仅*查看
离线 Service Workers

离线*仅*查看

之前一段时间,Chris Bolin 构建了他个人网站的一个页面,该页面只能在您离线时查看。现在,他围绕这个概念创建了一个完整的杂志,名为The Disconnect!

Avatar of Chris Coyier
Chris Coyier 于 2018 年 2 月 8 日
文章的直接链接 使您的 Web 应用离线工作,第 2 部分:实现
IndexedDB 离线 Service Workers

使您的 Web 应用离线工作,第 2 部分:实现

这个两部分系列文章是对离线 Web 开发的温和、高级介绍。在第 1 部分中,我们运行了一个基本的 Service Worker,它缓存了我们的应用程序资源。现在让我们扩展它以支持离线……

Avatar of Adam Rackis
Adam Rackis 于 2017 年 12 月 7 日
文章的直接链接 使您的 Web 应用离线工作,第 1 部分:设置
异步 IndexedDB 离线 Service Workers

使您的 Web 应用离线工作,第 1 部分:设置

这个两部分系列文章是对离线 Web 开发的温和介绍。使 Web 应用程序在离线状态下执行某些操作令人惊讶地棘手,需要很多东西到位并正常运行。我们将涵盖所有……

Avatar of Adam Rackis
Adam Rackis 于 2017 年 12 月 7 日
文章的直接链接 实现推送通知:后端
Firebase 推送通知 Service Workers

实现推送通知:后端

在本系列的第一部分中,我们使用 Service Worker 和 `manifest.json` 文件设置了前端,并初始化了 Firebase。现在我们需要创建我们的数据库和观察器函数……

Avatar of Pascal Klau (@pascalaoms)
Pascal Klau (@pascalaoms) 于 2017 年 8 月 23 日
文章的直接链接 我们从头开始构建了一个 PWA – 这是我们学到的东西
PWA Service Workers

我们从头开始构建了一个 PWA – 这是我们学到的东西

我之前没有考虑过这样一个事实:如果您要对您的资产进行指纹识别(例如 style.987987090897.css)以利用浏览器缓存,则每次执行此操作时都需要更新您的 Service Worker。但我猜您无论如何都会有一个构建步骤……

Avatar of Chris Coyier
Chris Coyier 于 2017 年 2 月 9 日
文章的直接链接 使用 Service Workers 实现“保存以供离线使用”
离线 Service Workers

使用 Service Workers 实现“保存以供离线使用”

Una Kravets 提供了一个关于使用 Service Workers 缓存资产和单独请求的文章以供离线阅读的简单教程。

我很好奇最佳实践将变成什么。询问用户点击某些内容可能是它。还有可能:被动地……

Avatar of Chris Coyier
Chris Coyier 于 2017 年 1 月 31 日
文章的直接链接 Service Worker,你是什么?
Service Workers

Service Worker,你是什么?

Mariko Kosaka

我终于明白了,它是一个你可以邀请住在用户浏览器中的外星人。

…
Avatar of Chris Coyier
Chris Coyier 于 2016 年 12 月 5 日
文章的直接链接 使用 ServiceWorker 使简单网站离线工作
Fetch HTTP/2 离线 Service Workers

使用 ServiceWorker 使简单网站离线工作

我最近一直在玩 ServiceWorker,所以当 Chris 让我写一篇关于它的文章时,我再高兴不过了。ServiceWorker 是自 Ajax 以来最具影响力的现代 Web 技术。它是一个 API,它……

Avatar of Nicolas Bevacqua
Nicolas Bevacqua 于 2017 年 5 月 8 日
  • 更新
  • 1
  • 2

CSS-Tricks 由 DigitalOcean 提供支持。

关注 Web 开发最新动态

通过我们精心制作的时事通讯

DigitalOcean
  • 关于 DO
  • Cloudways
  • 法律信息
  • 获取免费信用额度!
CSS-Tricks
  • 为我们撰写文章!
  • 与我们合作广告
  • 联系我们
社交
  • RSS Feed
  • CodePen
  • Mastodon
  • X
返回顶部

© 2024 . All rights reserved.