ホームページ >ウェブフロントエンド >jsチュートリアル >Chrome デスクトップ通知を効果的に実装するにはどうすればよいですか?

Chrome デスクトップ通知を効果的に実装するにはどうすればよいですか?

DDD
DDDオリジナル
2024-11-03 14:05:30735ブラウズ

How can I implement Chrome Desktop Notifications effectively?

Chrome デスクトップ通知

Chrome デスクトップ通知は、アプリケーションが開いていない場合でも、ユーザーのデスクトップに通知を表示する方法を提供します。これらの通知は、新しいイベント、メッセージ、その他の更新をユーザーに警告するために使用できます。

API リファレンス

Chrome デスクトップ通知 API は、いくつかのパラメータを受け取ります。

  • title: 通知のタイトル
  • icon: 通知に表示するアイコン
  • body: 本文通知の
  • アクション: ユーザーが通知から実行できるアクションのオプションのリスト

次の例は、 Chrome デスクトップ通知 API の使用方法:

if (Notification.permission !== 'granted')
  Notification.requestPermission();
else {
  var notification = new Notification('Notification title', {
   icon: 'http://cdn.sstatic.net/stackexchange/img/logos/so/so-icon.png',
   body: 'Hey there! You\'ve been notified!',
  });
  notification.onclick = function() {
   window.open('http://stackoverflow.com/a/13328397/1269037');
  };

以上がChrome デスクトップ通知を効果的に実装するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。