原文链接: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桌面通知 一个简单的Chrome扩展程序,可在Yammer中侦听新消息,并将其作为桌面通知发送出去,以供您响应。 下载。
chrome浏览器桌面通知简介用于其余B / S下的网络办公提醒功能。页面最小化的状态下发送通知仍显示在屏幕的右下角,马上可以看到内容依赖PC chrome浏览器。手机android海豚浏览器firefox可用但是智能展示一个通知(不...
当按下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即可直接进入聊天。 您可以在“显示”设置中打开和关闭桌面通知...
html5桌面通知(Web Notifications)对于需要实现在新消息入线时,有桌面通知效果的情况下非常有用,在此简单介绍一下这个html5的新属性。 这里有个不错的demo:html5 web notification demo 从上面这个demo中 我们就...
“正在播放”Chirp Radio弹出式播放器的桌面通知。 ...注意:安装此扩展程序后首次打开播放器时,您的浏览器可能会要求您允许来自chirpradio.org的桌面通知。 确保单击“允许”。 支持语言:English
检查你的reddit mod队列,当有新的东西出现时给你一个桌面通知。 每分钟检查一次您的reddit mod队列(https://pay.reddit.com/r/mod/about/modqueue),并在出现新情况时向您发送烤面包机通知。 GitHub上的源代码:...
镜像Android通知 在您的桌面上获取Android通知! 为什么选择Zap? -我们不会保存您的通知! 一旦显示出来,它们就会从服务器中删除-所有网络通信都通过SSL安全地完成。 -Zap是开源的! ...登录并享受您的通知!...
原始的chrome扩展名,在单击图标时显示浏览器通知。 它包含的有效答案 如何使用: 打开chrome:// extensions / 启用开发者模式 点击“打开包装” 定位并加载该文件夹 在浏览器扩展列表中找到一个新图标,然后...
Homely是Google Chrome的自定义“新标签”页面的替代品。 它旨在提供链接和菜单的快速,可自定义的布局,以及简单的书签和历史记录组件。 要求 键盘快捷键 如果启用,则可以通过键盘浏览页面。 请注意,默认情况下,...
将Pushbullet通知重新带到Chrome 默认情况下,如果您同时安装了Pushbullet桌面应用程序和Pushbullet浏览器扩展程序,则Pushbullet通知将仅在桌面应用程序中显示,而没有选择使其在浏览器中显示。 ,但是不幸的是,...
desktop-notifier是用于跨平台桌面通知的Python库。 当前支持的平台是: 通过dbus服务org.freedesktopLinux。 通过通知中心框架的macOS和iOS 产品特点 本机平台API支持的位置: 可点击的通知 带按钮的通知 带回复...
Yammer桌面通知器提供桌面通知,当您收到新的私人Yammer聊天消息。 一个简单,轻量级的扩展,用于通知您Yammer私人消息。 用法:只需安装扩展程序,并确保您最近已登录Yammer。 无论是否打开Yammer,您都会收到通知...
bootstrap-notifications, Bootstrap 框架的通知组件 用于 3的 通知组件 要开始,请查看 http://skywalkapps.github.io/bootstrap-notifications 。快速启动通知组件是为 Bootstrap 3构建的。 你有以下安装选项:...
权限警告: - 通知 - 显示桌面通知 - 选项卡 - 单击通知后重新关注新窗口还可作为Firefox附加组件:https://addons.mozilla.org/en-us/firefox/addon/real-time-desktop-notificat//支持和信息:...
chrome.notifications 插件 此插件允许应用程序在状态栏中显示通知。 地位 在安卓上稳定; iOS 不支持。 参考 API 参考在。 发行说明 1.0.5(2014 年 10 月 21 日) 文档更新。 1.0.4(2014 年 8 月 20 日) 添加...