Web 通知テスト

機能

• 現在の許可状態を表示し、許可を求めるのはボタンを押したときだけ（読み込み時には求めません）
• ⚠️ 拒否後は再要求せず、アドレスバー横のサイト設定で「許可」に戻すよう案内します
• タイトル・本文・アイコン URL・タグ・サイレント・常駐を設定して通知を 1 件送れます
• ボタンは最大 2 つ。アクション名やラベルが欠けたものは警告とともに破棄され、デスクトップ Chrome 以外の多くは無視します
• ⚠️ 各オプションの対応状況を項目ごとに注記：actions・requireInteraction・icon・tag・silent・大きな画像がどこで有効か
• tag の仕組みを説明：同じ tag の新しい通知は古いものを置き換え、空の tag も 1 つの tag として扱われます
• 「すべて閉じる」ボタン。閉じられるのはこのページが送った、まだ生きている通知だけであることも明記します
• このページが送った通知の記録（tag とボタン数を含む）
• 処理はすべてローカル。安全でないコンテキスト（http）では利用不可であると明示します

使い方

1. 「通知の許可を求める」を押し、ブラウザーの確認で許可します（押せるのはあなただけで、ページが自動で求めることはありません）
2. タイトルと本文を入力し、必要に応じてアイコン・tag・サイレント・常駐・最大 2 つのボタンを設定します
3. 「通知を送る」で表示を確認し、下の「プラットフォーム差」と照らしてどのオプションが無視されたかを見ます
4. 通知が消えないときは「すべて閉じる」。以前に拒否した場合は、案内に従ってサイト設定で許可に戻して再読み込みします

よくある質問

ボタンを設定したのに表示されないのはなぜですか

actions は一部の環境でしか働かないためです。デスクトップの Chrome / Edge は対応（最大 2 つ表示）しますが、多くのモバイルブラウザーと Safari は actions ごと無視します。ボタンは出ず、エラーも出ません。違いを見るには、デスクトップの Chrome とスマートフォンでこのページを開いて比べてください。

拒否したあとに「求める」を押しても何も起きないのはなぜですか

一度拒否されると、Notification.requestPermission() は確認を出さず denied を返すだけだからです。このページが手を抜いているのではなく、ブラウザーが決定権を引き取っています。戻すには手動で：アドレスバー左のサイト設定（錠前アイコン）→「通知」→「許可」に変更し、このページを再読み込みしてください。

設定したアイコンではなくアプリのアイコンが出るのはなぜですか

Windows の挙動です。Windows は通知に設定した icon を使わず、送信元アプリのアイコンを表示します。macOS と多くの Linux デスクトップでは設定したアイコンが使われます。つまり「アイコンを設定したのに見えない」は多くの場合プラットフォームの挙動で、間違いではありません。

似た通知を 2 件送ったら前の 1 件が消えたのはなぜですか

2 件が同じ tag を使っていたためです。同じ tag の新しい通知は古いものを置き換え、並んで積まれることはありません。空の tag も 1 つの tag なので、tag を付けない通知どうしは互いを置き換えます。複数を同時に残したいときは、それぞれ別の tag を付けてください。