HTML 5 メッセージ通知メカニズム_html/css_WEB-ITnose

翻訳元: http://www.ido321.com/1130.html

翻訳: HTML 5 メッセージ通知メカニズム

翻訳者: dwqs

HTML 5 は Web 開発に適用されています。いつものように、ソフトウェアの新しいバージョンはいくつかの新機能を備えてリリースされ、HTML 5 も例外ではありません。 HTML のみによるユーザー インタラクションを改善するために、HTML 5 では多くの新しい API が提供されています。

とても面白くないですか？また、HTML 5 は CSS 3 と非常によく統合されています。

そこで、地理位置情報、通知、ファイルなどの API の使用法と機能を紹介する、HTML 5 API に関連する一連の記事も書き始めました。最初の記事は通知 API に関連しています。

まず認識すべきことは、HTML 5 の機能と API は、HTML 5 をサポートするブラウザーでのみ通常使用できるということです。ブラウザーが HTML 5 をサポートしていない場合、HTML 5 を使用して Web ページに機能を実装することはできません。 。次に、通知 API について学びましょう。

HTMLメッセージ通知とは何ですか?

: HTML メッセージ通知は、ユーザーが現在ブラウザーの別のタブにいても、特定のイベントの動作をユーザーに伝えることができることを意味します。この通知は、新規メール、新規ツイート、その他のイベントに非常に役立ちます。

使い方は？

通知 API を使用するには、

いくつかの手順があります: まず、ユーザーから通知を表示する許可を取得します。ユーザーが許可した場合にのみ、通知をユーザーに表示できます。したがって、通知を直接表示するのではなく、最初にユーザーに許可を求めます。次に、 ユーザーの許可を取得した後、次の 2 種類の情報を表示できます:

通常/デフォルト通知

1. HTML 通知
最後に通知コードを実行します。

通知を表示する JavaScript 関数を作成しました。 注: あらゆるニーズに合わせて拡張する方法はたくさんあるため、この関数はこの記事専用です。

HTML 12.04)

概要

HTML 5 通知は Google Chrome などの Web Kit ブラウザーで動作し、Mozilla Firefox には HTML 5 通知用の独自のプライベート プロパティがあります。これについては他の記事で説明します。

次の記事: PHP データの Ajax 非同期リクエスト