PeriodicSyncEvent

Experimental: これは実験的な機能です。
本番で使用する前にブラウザー互換性一覧表をチェックしてください。

メモ: この機能はサービスワーカー内でのみ利用可能です。

ウェブ定期バックグラウンド同期 APIPeriodicSyncEvent インターフェイスは、ネットワーク接続がある状態でサービスワーカーでタスクを実行する方法を提供します。

このイベントのインスタンスが periodicsync ハンドラーに渡されます。これは、PeriodicSyncManager.register() メソッドで設定した以上の間隔で、定期的に行われます。実際の間隔は、ユーザーのサイトとのかかわりなど、その他の実装定義の要素によります。

Event ExtendableEvent PeriodicSyncEvent

コンストラクター

PeriodicSyncEvent() Experimental

新しい PeriodicSyncEvent オブジェクトを生成します。このコンストラクターは通常使用されません。ブラウザーがこれらのオブジェクトを作成し、onperiodicsync コールバックに渡します。

インスタンスプロパティ

親の ExtendableEvent からプロパティを継承します。

PeriodicSyncEvent.tag 読取専用 Experimental

この PeriodicSyncEvent 用の開発者定義の識別子を返します。ウェブアプリケーションは、異なる定期的なタスクを異なる頻度で実行するため、複数のタグを使用できます。

インスタンスメソッド

親の ExtendableEvent からメソッドを継承します。

以下の例は、サービスワーカーで定期的な同期のイベントに応答する方法を示します。

js
self.addEventListener("periodicsync", (event) => {
  if (event.tag === "get-latest-news") {
    event.waitUntil(fetchAndCacheLatestNews());
  }
});

fetchAndCacheLatestNews は開発者が定義した関数です。

仕様書

Specification
Web Periodic Background Synchronization
# periodicsync-event

ブラウザーの互換性

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
PeriodicSyncEvent
Experimental
PeriodicSyncEvent() constructor
Experimental
tag
Experimental

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
No support
No support
Experimental. Expect behavior to change in the future.
See implementation notes.

関連情報