Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Periodic Background Sync
Search
Jxck
April 17, 2020
Technology
0
590
Periodic Background Sync
LT about periodic background sync at #remo_study
Jxck
April 17, 2020
Tweet
Share
More Decks by Jxck
See All by Jxck
IE Graduation (IE の功績を讃える)
jxck
22
16k
IE Graduation Certificate
jxck
6
6.1k
RFC 9111: HTTP Caching
jxck
1
720
tc39_study_2
jxck
1
12k
IETF における ABNF とプロトコルパーサの話 / ABNF for Protocol Parser @ IETF
jxck
2
1.2k
Web Components 元年 v3 / Web Components first year v3
jxck
1
1.1k
Podcast over PWA
jxck
0
280
Yearly Web 2019
jxck
0
200
webbundle_study
jxck
2
650
Other Decks in Technology
See All in Technology
DeNA での思い出 / Memories at DeNA
orgachem
PRO
3
1.8k
「AI2027」を紐解く ― AGI・ASI・シンギュラリティ
masayamoriofficial
0
120
浸透しなさいRFC 5322&7208
hinono
0
130
7月のガバクラ利用料が高かったので調べてみた
techniczna
3
690
JOAI発表資料 @ 関東kaggler会
joai_committee
1
430
コスト削減の基本の「キ」~ コスト消費3大リソースへの対策 ~
smt7174
2
240
認知戦の理解と、市民としての対抗策
hogehuga
0
390
衝突して強くなる! BLUE GIANTと アジャイルチームの共通点とは ― いきいきと活気に満ちたグルーヴあるチームを作るコツ ― / BLUE GIANT and Agile Teams
naitosatoshi
0
120
トヨタ生産方式(TPS)入門
recruitengineers
PRO
4
880
Postman MCP 関連機能アップデート / Postman MCP feature updates
yokawasa
1
190
Android Studio の 新しいAI機能を試してみよう / Try out the new AI features in Android Studio
yanzm
0
290
Browser
recruitengineers
PRO
5
1.3k
Featured
See All Featured
Site-Speed That Sticks
csswizardry
10
790
A Modern Web Designer's Workflow
chriscoyier
695
190k
How to Ace a Technical Interview
jacobian
279
23k
We Have a Design System, Now What?
morganepeng
53
7.8k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.9k
Building Applications with DynamoDB
mza
96
6.6k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
Producing Creativity
orderedlist
PRO
347
40k
Documentation Writing (for coders)
carmenintech
73
5k
How to train your dragon (web standard)
notwaldorf
96
6.2k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Rails Girls Zürich Keynote
gr2m
95
14k
Transcript
Periodic Background Sync Periodic Background Sync
None
Background Sync self.on('sync', (e) => { // retry failed request
while // offline in background })
Periodic Background Sync self.on('periodic-sync', (e) => { // periodically refresh
contents // up to date in background. })
Use Case - Podcast Feed Update
// register PBS const name = 'periodic-background-sync' const status =
await navigator.permissions.query({name}) if (status.state === 'granted') { await registration.periodicSync.register('refresh', { minInterval: 12 * 60 * 60 * 1000 // 12h }) }
Security Consideration
#4: 156.74.xxx.xxx #1: 14.102.xxx.xxx #2: 81.177.xxx.xxx #3: 24.152.xxx.xxx Background Sync
Tracking also • crypto mining • bot net
Known Network
Permission In Chrome
Permission Model Permission Dialog ? User Gesture ? Feature Policy
? Add to Home Screen !!
Native App Permission -> Install Web App Permission -> Install
Restriction In Chrome
• Periodic depends on site-engagement. • Only fire under known
network.
Site Engagement
Periodic Background Sync enables... • Installed App via A2HS •
Enough Site-Engagement • Connected to Known Network • Android Chrome only
Work in progress...
None