Web Notifications API

scrapboxだと拒否されて動かなかった

権限をリセットしてもだめ

service workerに管理されている？

別のweb appとして動かすしかなさそう

code:js

const button = document.createElement("button");

button.style.position = "fixed";

button.style.top = "20%";

button.style.left = "5%";

button.textContent = "Notify me";

button.addEventListener("click", async () => {

try {

const permission = await Notification.requestPermission();

if (permission !== "granted") {

return;

}

const registration = await navigator.serviceWorker.ready;

registration.showNotification("バイブレーションの例", {

body: "ブンブン! ブンブン!",

icon: "../images/touch/chrome-touch-icon-192x192.png",

tag: "vibration-sample",

});

button.remove();

} catch(e) {

throw e;

}

});

document.body.append(button);