Source code
Revision control
Copy as Markdown
Other Tools
<!DOCTYPE html>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="utils.js"></script>
<title>Fenced frame content to report the result of background sync's register in SW</title>
<body>
<script type="module">
const [background_sync_register_key] = parseKeylist();
const searchParams = new URL(location.href).searchParams;
const method = searchParams.get('method');
const isPeriodic = searchParams.get('periodic');
const getController = () => {
if (navigator.serviceWorker.controller) {
return navigator.serviceWorker.controller;
}
return new Promise(resolve => {
navigator.serviceWorker.addEventListener('controllerchange', () => {
resolve(navigator.serviceWorker.controller);
});
});
};
const sendMessageToServiceWorker = async () => {
const ctrl = await getController();
return new Promise(resolve => {
ctrl.postMessage({method, isPeriodic});
navigator.serviceWorker.onmessage = e => {
resolve(e.data);
}
});
};
await navigator.serviceWorker.register(
"background-sync-sw.js", { scope: location.href, type: "module" });
const data = await sendMessageToServiceWorker();
writeValueToServer(background_sync_register_key, data);
</script>
</body>