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 , dan properti ServiceWorkerContainer.controller  — 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, berdasarkan siklusnya.

Antarmuka ServiceWorker mewarisi properti dari induknya, Worker.

ServiceWorker.scriptURL 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 Read only

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

ServiceWorker.onstatechange Read only

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

Antarmuka ServiceWorker mewarisi method dari induknya, Worker, dengan pengecualian Worker.terminate — 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 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
• Contoh kode dasar Service workers
• Is ServiceWorker ready?
• Promises
• Menggunakan web worker