iOS16.4からWebサイトでもプッシュ通知を受け取れるようになりました。 Safariでプッシュ通知を受け取る条件 ❶ httpsでWebサイトをつくる ❷ ❶のウェブサイトをホーム画面に追加する(displayをstandaloneにする) ❸ ユーザーアクションきっかけで通知の許可をとる が、必要なようです。 developer.apple.com 最終的にはサーバからプッシュ通知を送信することを目指しますが、今回は Navigator.setAppBadge を使い、ローカルでアイコンにバッジを付与してみます。 developer.mozilla.org ソースコード index.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device
![Navigator.setAppBadgeを使って、iOS16.4のPWA(Progressive web apps)にアプリケーションバッジを付ける 📛 - みかづきブログ・カスタム](https://cdn-ak-scissors.b.st-hatena.com/image/square/67950b0dc30047f3446def722681786675978551/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fk%2Fkimizuka%2F20230331%2F20230331211916.png)