<aside class="s-notice s-notice__info js-post-notice mb16" aria-hidden="false" role="status">
 <div class="grid fd-column fw-nowrap"> 
 <div class="grid fw-nowrap">
 <div class="grid--cell fl1 lh-lg">
 <div class="grid--cell fl1 lh-lg">
 关闭。这个问题是<a href="/help/closed-questions">题外话</a>。它当前不接受答案。
 
 </div>
 </div>
 </div>
 </div>
 <hr class="my12 outline-none baw0 bb bc-powder-2">
 <div class="grid fw-nowrap fc-black-600">
 <div class="grid--cell mr8">
 <svg aria-hidden="true" class="svg-icon iconLightbulb" width="18" height="18" viewBox="0 0 18 18"><path d="M9.5.5a.5.5 0 0 0-1 0v.25a.5.5 0 0 0 1 0V.5zm5.6 2.1a.5.5 0 0 0-.7-.7l-.25.25a.5.5 0 0 0 .7.7l.25-.25zM1 7.5c0-.28.22-.5.5-.5H2a.5.5 0 0 1 0 1h-.5a.5.5 0 0 1-.5-.5zm14.5 0c0-.28.22-.5.5-.5h.5a.5.5 0 0 1 0 1H16a.5.5 0 0 1-.5-.5zM2.9 1.9c.2-.2.5-.2.7 0l.25.25a.5.5 0 1 1-.7.7L2.9 2.6a.5.5 0 0 1 0-.7z" fill-opacity=".4"></path><path opacity=".4" d="M7 16h4v1a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1v-1z" fill="#3F3F3F"></path><path d="M15 8a6 6 0 0 1-3.5 5.46V14a1 1 0 0 1-1 1h-3a1 1 0 0 1-1-1v-.54A6 6 0 1 1 15 8zm-4.15-3.85a.5.5 0 0 0-.7.7l2 2a.5.5 0 0 0 .7-.7l-2-2z" fill="#FFC166"></path></svg>
 </div>
 <div class="grid--cell lh-md">
 
 想改善这个问题吗？ <a href="/posts/2271156/edit">更新问题</a>，使其成为Stack Overflow <a href="/help/on-topic">的主题</a>。
 
 2年前关闭。
 </div>
 </div>
 </aside>
如何使用<a href="http://techcrunch.com/2009/09/01/chrome-is-gaining-desktop-notifications/" rel="noreferrer">Chrome桌面通知</a>？我想在我自己的代码中使用它。

更新：这是<a href="http://0xfe.blogspot.com/2010/04/desktop-notifications-with-webkit.html" rel="noreferrer">一篇博客文章</a>，其中举例说明了Webkit通知。

JavaScript

Chrome桌面通知示例[关闭]

KoaJS

查看<a href="http://dev.chromium.org/developers/design-documents/desktop-notifications" rel="noreferrer">设计</a>和<a href="http://www.chromium.org/developers/design-documents/desktop-notifications/api-specification" rel="noreferrer">API规范</a>（仍是草稿），或查看（不再提供页面的来源）中的简单示例：主要是对的调用<code>window.webkitNotifications.createNotification</code>。

如果您想要一个更强大的示例（您正在尝试创建自己的Google Chrome浏览器扩展程序，并且想知道如何处理权限，本地存储等），请查看<a href="https://chrome.google.com/extensions/detail/kkmbodalobogbnejmcdghkfimhodifol" rel="noreferrer">Gmail通知程序扩展程序</a>：下载crx文件而不是安装并将其解压缩并阅读其源代码。

我喜欢：<a href="http://www.html5rocks.com/en/tutorials/notifications/quick/#toc-examples" rel="nofollow">http</a> : <a href="http://www.html5rocks.com/en/tutorials/notifications/quick/#toc-examples" rel="nofollow">//www.html5rocks.com/zh-CN/tutorials/notifications/quick/#toc-examples，</a>但是它使用了旧变量，因此该演示不再起作用。<code>webkitNotifications</code>现在<code>Notification</code>。

这是有关API的不错的文档，

<a href="https://developer.chrome.com/apps/notifications" rel="nofollow">https://developer.chrome.com/apps/notifications</a>

而且，由Google提供的官方视频解释，

<a href="https://developers.google.com/live/shows/83992232-1001" rel="nofollow">https://developers.google.com/live/shows/83992232-1001</a>

Notify.js是新Webkit通知的包装。效果很好。

<a href="http://alxgbsn.co.uk/2013/02/20/notify-js-a-handy-wrapper-for-the-web-notifications-api/" rel="nofollow">http://alxgbsn.co.uk/2013/02/20/notify-js-a-handy-wrapper-for-the-web-notifications-api/</a>