ブラウザから通知センターにメッセージを送信します

Mac OSX 10.8のリリースにより、ユーザーは「通知センター」-通知センターに導入されました。 Facebookで新しいメールまたはメッセージを受信するとすぐに、右上隅にポップアップウィンドウが表示され、これに関する通知が表示されます。 通知センターは、iOSの通知バーと同じです。



Notifications APIを使用すると、Safariブラウザーから通知センターMac OSX Mountain Lionに通知を送信できます。





Notifications APIの詳細な作業は、 hathhahabr.ru / post / 104670トピックのオタク誌でmythmakerによって説明されました。



window.webkitNotifications.requestPermission（）メソッドの呼び出しがコールバック関数をパラメーターとして受け取ることができるという事実でのみ、この記事を補足できます。



window.webkitNotifications.requestPermission（function（）{

//ここで何かをします...

}）;



バージョン10.8より前のMac OSでは、JS Notification APIがGoogle Chromeに実装され、他のOSと同じように機能していました。 バージョン10.8以降、通知のサポートがSafariに追加されましたが、通知で指定されたアイコンの表示は機能しません。 アプリケーションアイコンは、メモが呼び出された場所からアイコンとして表示されます。 HTML通知を設定する方法もありません。



呼び出しコードは非常に簡単です。

function shown(){ ( window.webkitNotifications.createNotification('message.png', ' !', ' . ...') ).show(); }
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

以下は、スクリプトの結果のスクリーンショットです。

Safariからの呼び出し

Google Chromeから呼び出します

そして、これは以前のバージョンのMac OSXでのGoogle Chromeの通知の見た目です