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

文章标签
offline

9 篇文章
{
,

}
文章“推送,你就会收到”的直链
离线 推送通知 PWA

推送,你就会收到

有时,网络技术的此消彼长令人着迷。 服务工作线程 已经到来,除了离线网络(阅读杰里米的书),这可能是它们最好的功能,它们还可以通过 推送 API 启用 推送通知。

我完全明白……

Avatar of Chris Coyier
Chris Coyier 于 2022 年 6 月 7 日
文章“服务工作线程菜谱”的直链
离线 服务工作线程

服务工作线程菜谱

前几天,我偶然发现了 Mozilla 的这个网站,它收集了一些开始使用服务工作线程的配方——从缓存策略和通知到为用户提供离线回退,这个小菜谱包含了……

Avatar of Robin Rendle
Robin Rendle 于 2018 年 5 月 25 日
文章“仅限离线查看”的直链
离线 服务工作线程

仅限离线查看

之前曾流传过 Chris Bolin 创建了一个他个人网站的页面,该页面只能在您离线时查看。现在,他围绕这个概念创建了一整本杂志,名为断开连接!

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

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

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

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

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

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

Avatar of Adam Rackis
Adam Rackis 于 2017 年 12 月 7 日
文章“使用服务工作线程实现“保存以供离线使用””的直链
离线 服务工作线程

使用服务工作线程实现“保存以供离线使用”

Una Kravets 的一篇简单的教程,介绍如何使用服务工作线程缓存资产和单独请求的文章以供离线阅读。

我很好奇最佳实践将是什么。用户可能需要点击某些内容。或者:被动地……

Avatar of Chris Coyier
Chris Coyier 于 2017 年 1 月 31 日
文章“即时加载:构建离线优先渐进式 Web 应用”的直链
谷歌 离线

即时加载:构建离线优先渐进式 Web 应用

今年 Google 的 I/O 大会上有很多精彩的演讲,Jake Archibald 关于构建离线优先的演讲 当然其中之一。 2016 年的 DevTools 演讲 也很棒。

或者,自己决定!有 一个……

Avatar of Robin Rendle
Robin Rendle 于 2022 年 5 月 19 日
文章“渐进式 Web 应用:长期策略”的直链
谷歌 JavaScript 离线

渐进式 Web 应用:长期策略

Remy Sharp 参加了 Google 的首届渐进式 Web 应用活动

对我来说,最突出的是,相对少量的 JavaScript 和一些经过深思熟虑的代码可以真正地创造出一种离线优先体验,它不仅可以与本地体验相媲美

……
Avatar of Robin Rendle
Robin Rendle 于 2016 年 3 月 21 日
文章“使用 ServiceWorker 使简单站点离线工作”的直链
Fetch HTTP/2 离线 服务工作线程

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

最近我一直在大量使用 ServiceWorker,所以当 Chris 让我写一篇关于它的文章时,我感到非常兴奋。ServiceWorker 是自 Ajax 以来影响最大的现代 Web 技术。它是一个 API,……

Avatar of Nicolas Bevacqua
Nicolas Bevacqua 于 2017 年 5 月 8 日

CSS-Tricks 由 DigitalOcean 提供支持。

关注 Web 开发最新动态

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

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

© 2024 . All rights reserved.