原文链接：http://www.javaarch.net/jiagoushi/663.htm
W3C specification:http://www.w3.org/TR/notifications/ 这是w3c的最新的浏览器桌面通知的规范，现在只有chrome支持w3c的较低版本的桌面通知规范，http://www.chromium.org/developers/design-documents/desktop-notifications/api-specification,
创建桌面通知会有两步骤：
1.需要获得用户的允许网站允许发送桌面通知到桌面；
2. 如果用户允许，你则可以使用chrome的桌面API发送一个桌面通知给用户。
这是一个示例地址：http://www.smartjava.org/examples/notifications
代码如下：可以自己放在chrome试试。
firefox需要这个插件的支持：https://addons.mozilla.org/en-us/firefox/addon/html-notifications/
<!DOCTYPE html>
<html>
<head>
<title>Simple Webkit notification example</title>
</head>
<h2>First click the 'request permission' button</h2>
<button id="request">Request permission</button>
<h2>After permission is granted, click the 'show notification' button</h2>
<button id="show">Show notification</button>
<script type="text/javascript">
document.getElementById('request').addEventListener('click', function() {
window.webkitNotifications.requestPermission();
}, false);
document.getElementById('show').addEventListener('click', function() {
showNotification();
}, false);
function showNotification() {
// only show if we've got the correct permissions
if (window.webkitNotifications.checkPermission() === 0) {
// note the show()
window.webkitNotifications.createNotification('images/email.jpg', 'Plain Text Notification', 'Notification from the browser!').show();
}
}
</script>
</html>
相关推荐
Yammer-Desktop-Notifications是一款专为Yammer设计的Chrome扩展程序，旨在帮助用户在不打开Yammer网页或者浏览器窗口的情况下，也能及时接收到新的消息通知，提升工作效率。该扩展程序已经停止维护，但其设计理念和...
nw-desktop-notifications-master 压缩包很可能是包含了一个简单的 Node Webkit 桌面通知应用的源代码。解压后，你可以查看其结构和代码，学习如何将上述概念应用到实际项目中。通常，它可能包含一个 HTML 文件...
chrome浏览器桌面通知简介用于其余B / S下的网络办公提醒功能。页面最小化的状态下发送通知仍显示在屏幕的右下角，马上可以看到内容依赖PC chrome浏览器。手机android海豚浏览器firefox可用但是智能展示一个通知（不...
2. **Push Notifications支持**：Chrome 42引入了Web Push通知功能，允许网站向用户发送通知，即使用户不在该网站上，也能接收到信息，提高了用户的参与度。 3. **Service Worker技术**：这是Chrome 42中的一个核心...
【标题】"Notify_html5桌面通知"涉及到的知识点主要集中在HTML5的新特性——桌面通知（Desktop Notifications）上。这项技术允许网页在用户未直接交互的情况下，通过浏览器在用户的桌面显示提醒，增强了Web应用与...
1. **Push Notifications**：允许网站向用户发送桌面通知，即便浏览器未打开也能接收。 2. **Media Source Extensions (MSE)**：支持流媒体播放，提高了视频内容的加载和播放体验。 3. **增强的开发者工具**：增加了...
例如，当在Chrome浏览器中发现桌面通知没有按预期显示时，可能是因为用户没有通过用户交互来触发通知（如点击按钮）。对此，需要提示用户可以通过点击页面上的按钮或链接来手动授权允许通知显示。一旦获得授权，通常...
当按下Flic按钮时显示强烈的视觉警告。 当按下Flic按钮时，该扩展程序会在台式计算机上显示强烈的视觉警报。 该扩展程序使用Pushover服务分发消息。 支持语言:English (United States)
此扩展仅用于允许配置Slack Desktop Notifications的可见性模式（缺少Windows的Slack-client）。 可见性选项： 1.使用粘滞通知（通知是可见的，直到关闭/阅读） 2.使用默认行为（通知被自动解除） 安装扩展后，第一...
显示推送通知，为专家提供新的聊天/工作机会。 在Google Chrome浏览器中播放音频以获取背景标签 支持语言:English
权限警告：-通知-显示桌面通知-选项卡-单击通知后在新窗口中突出显示还可作为Firefox附加组件使用：https://addons.mozilla.org/en-US/firefox/addon/ real-time-desktop-notificat /支持和信息：...
当人们想要和你聊天时，获取桌面通知。 即使在不使用应用程序的情况下，如果用户想要与Reveal聊天，也可以获取桌面通知。 只需点击通知，登录Facebook即可直接进入聊天。 您可以在“显示”设置中打开和关闭桌面通知...
“正在播放”Chirp Radio弹出式播放器的桌面通知。 ...注意：安装此扩展程序后首次打开播放器时，您的浏览器可能会要求您允许来自chirpradio.org的桌面通知。 确保单击“允许”。 支持语言:English
桌面通知（Desktop Notifications）是Chrome提供的一种特性，允许扩展在浏览器窗口之外显示信息。这些“toast”窗口会在桌面上弹出，即使用户不在浏览器界面上也能接收到提醒。实现桌面通知需要在`manifest.json`中...
检查你的reddit mod队列，当有新的东西出现时给你一个桌面通知。 每分钟检查一次您的reddit mod队列（https://pay.reddit.com/r/mod/about/modqueue），并在出现新情况时向您发送烤面包机通知。 GitHub上的源代码：...
2. **桌面通知**：Chrome API提供了`chrome.notifications`接口，使得扩展能够创建、更新和管理桌面通知。在Pomodoro应用中，这将用于提醒用户开始、结束番茄钟以及提醒休息时间。 3. **用户交互**：JavaScript可以...
镜像Android通知 在您的桌面上获取Android通知！ 为什么选择Zap？ -我们不会保存您的通知！ 一旦显示出来，它们就会从服务器中删除-所有网络通信都通过SSL安全地完成。 -Zap是开源的！ ...登录并享受您的通知！...
原始的chrome扩展名，在单击图标时显示浏览器通知。 它包含的有效答案 如何使用： 打开chrome：// extensions / 启用开发者模式 点击“打开包装” 定位并加载该文件夹 在浏览器扩展列表中找到一个新图标，然后...