ServiceWorker

Antarmuka ServiceWorker dari ServiceWorker API menyediakan referensi kepada service worker. Konteks multi browsing (mis. halaman, pekerja, dll.) dapat dikaitkan dengan service worker yang sama, masing - masing melalui objek ServiceWorker tersendiri.

Objek ServiceWorker tersedia di properti ServiceWorkerRegistration.active (en-US) , dan properti ServiceWorkerContainer.controller (en-US)  — ini adalah service worker yang aktif dan mengontrol halaman (service worker telah sukses terdaftar, dan halaman yang di kontrol telah di muat kembali.)

Antarmuka ServiceWorker terbagi sebagai rangkaian siklus event — install dan activate — dan fungsional event termasuk fetch. Objek ServiceWorker memiliki keterkaitan ServiceWorker.state (en-US), berdasarkan siklusnya.

Antarmuka ServiceWorker mewarisi properti dari induknya, Worker (en-US).

ServiceWorker.scriptURL (en-US) Read only

Mengembalikan serialisasi script URL ServiceWorker didefinisikan sebagai bagian dari ServiceWorkerRegistration. URL harus dari origin yang sama dengan dokumen yang mendaftarkan ServiceWorker.

ServiceWorker.state (en-US) Read only

Mengembalikan status keadaan service worker. Akan mengembalikan salah satu dari nilai berikut: installing, installed, activating, activated, atau redundant.

ServiceWorker.onstatechange (en-US) Read only

Properti EventListener (en-US) dipanggil setiap kali event type statechange di jalankan; Pada dasarnya dijalankan setiap ada perubahan pada ServiceWorker.state (en-US).

Antarmuka ServiceWorker mewarisi method dari induknya, Worker (en-US), dengan pengecualian Worker.terminate (en-US) — tidak harus dapat diakses dari service workers.

Ini adalah potongan kode dari service worker registration-events sample (live demo). Kode memperhatikan setiap perubahan di ServiceWorker.state (en-US) dan mengembalikan nilainya.

if ('serviceWorker' in navigator) {
    navigator.serviceWorker.register('service-worker.js', {
        scope: './'
    }).then(function (registration) {
        var serviceWorker;
        if (registration.installing) {
            serviceWorker = registration.installing;
            document.querySelector('#kind').textContent = 'Menginstall';
        } else if (registration.waiting) {
            serviceWorker = registration.waiting;
            document.querySelector('#kind').textContent = 'Mengunggu';
        } else if (registration.active) {
            serviceWorker = registration.active;
            document.querySelector('#kind').textContent = 'Aktif';
        }
        if (serviceWorker) {
            // logState(serviceWorker.state);
            serviceWorker.addEventListener('statechange', function (e) {
                // logState(e.target.state);
            });
        }
    }).catch (function (error) {
        // Terjadi kesalahan saat mendaftarkan. File service-worker.js
        // mungkin tidak tersedia atau terdapat sintaks yang error.
    });
} else {
    // Browser ini tidak mendukung service worker.
}

[1] Service workers (dan Push) telah di nonaktifkan di Firefox 45 Extended Support Release (ESR.)

• ServiceWorker Cookbook
• Menggunakan Service Workers (en-US)
• Contoh kode dasar Service workers
• Is ServiceWorker ready?
• Promises
• Menggunakan web worker (en-US)