浏览器桌面通知(notifications)
近期在做公司后台管理系统,当有任务到来时,须要通知当事人,可是 当事人有可能在做别的,浏览器有可能会被最小化,这样就非常难看到通知了。经过查找发现有些浏览器能够使用noitfications。能够在桌面的通知区域内显示一个提示框,而且显示在桌面的最前面,非常方便就能看到了。我就将它简单的封装一下,使其符合经常使用的使用场景。
功能效果类似webQQ的消息提示通知。
chrome
浏览器桌面通知
简单介绍
用于其余B/S下的网络办公提醒功能。
页面最小化的状态下发送通知
依旧显示在屏幕的右下角,立即能够看到内容
依赖
- PC chrome浏览器。
- 手机android 海豚浏览器
注意事项
通知权限是基于站点(或者域名),同一个站点以下的页面仅仅须要获取一次权限就可以。
假设别禁用了。将不会显示通
设置-》隐私设选以下的 “内容设置”-》通知
知的,也无法再次获取权限了。
能够同浏览器的菜单查看权限。
设置-》隐私设选以下的 “内容设置”-》通知
假设你关闭或者刷新页面了。之前的通知就没法控制了 。
使用
引用notify.js文件
<script src="notifiy.js"></script>
浏览器配置
检查浏览器是否支持桌面通知功能
Notifier.HasSupport();
获取同意桌面通知权限
Notifier.RequestPermission();
设置通知显示方式(可选。不设置採用默认模式)
Notifier.ModelAll(); //默认方式,显示全部的。在linux一般为三个。在window显示在通知区域。
Notifier.ModelUpdate(); //更新模式,显示在上一个通知的位置,
Notifier.ModelCount(c); //限制当前页面显示的通知个数,默觉得三个(能够通过參数c改变个数)。超出限制时关闭最早的通知,
NOtifier.ModelTimeout(ct); //超时消失模式。显示一定时间自己主动消失。发送通知
Notifier.Notify(icon, title, message); //显示桌面通知,icon:图片的地址 title:通知的标题 message:通知的内容
关闭的方法
Notifier.Clse(type); //type=1 关闭上一个 其它值 关闭最早打开的
Notifier.ClosePre(); //关闭近期个打开的通知
Notifier.CloseLast(); //关闭最早显示的通知
NOtifier.CloseAll(); //关闭全部通知其它方法
Notifier.GetPermission(); //获取关于通知使用权限,0,已经得到权限 1,须要获取权限 2,禁止使用
Notifier.IsGetPermission(); //是否已经获取通知的使用权限
Notifier.Disable(); //是否禁用通知
浏览器桌面通知(notifications)的更多相关文章
- 浏览器桌面通知--Notification
前言 最近项目上要用到浏览器桌面通知,之前虽然知道有这个东西,但是一直没有用过,借此机会了解下桌面通知的机制,在此分享下. 1.权限 首先需要明确的是,不是所有网页都可以发桌面通知的,不然不得烦死,那 ...
- 浏览器桌面通知Notification探究
首先说明,这篇博文不是科普讲解的,而是立flag研究的,是关于浏览器消息自动推送,就是下面这个玩意: 最近常常在浏览器看到这样的消息推送,还有QQ.com的推送,现在我对这个不了解,不知道叫消息自动推 ...
- 浏览器桌面通知Notification实践
一言不合就上图: 最近常常在浏览器看到这样的消息推送,还有QQ.com的推送,现在我对这个不了解,不知道叫消息自动推送对不对,这个时chrome浏览器的截图,出现在右下角,其他浏览器的样式可能有些微差 ...
- H5 notification浏览器桌面通知
Notification是HTML5新增的API,用于向用户配置和显示桌面通知.上次在别的网站上看到别人的通知弹窗,好奇之余也想知道如何实现的.实际去查一下发现并不复杂,且可以说比较简单,故写篇博客分 ...
- HTML5开启浏览器桌面通知 Web Notification
说明: 1.Chrome要求必须https才可以开启浏览器通知 2.显示图片在本服务器,不支持跨越 3.自定义声音Chrome不播放,Firefox正常播放 代码如下: <!-- /** * @ ...
- Chrome浏览器桌面通知提示设置
版本 24.0.1312.56 m 老版本23.* 桌面通知,也可以由用户在Chrome浏览器中自定义:板手 -> 选项 -> 高级选项 –> 通知 (管理例外情况…).
- 用于浏览器桌面通知的Web API 接口 -notification
notification 接口用于浏览器向用户提供通知内容:常见的如网页版的微信: 1.实现,需要Notifications API 提供的通知接口: 用法: let notification = n ...
- Chrome浏览器桌面通知提示功能使用
http://www.cnblogs.com/meteoric_cry/archive/2012/03/31/2426256.html
- HTML5桌面通知(Web Notifications)实例解析
先上一段代码,ie不支持,Chrome.fireFox.Opera支持 <!DOCTYPE html> <html> <head> <meta http-eq ...
随机推荐
- 在web应用程序中使用MemcachedClient
本文来自:http://www.cnblogs.com/yukaizhao/archive/2008/11/10/memcached_client_usage.html 一. 背景: 在大访问量的we ...
- toj2867 Picking Problem
题目链接:http://acm.tju.edu.cn/toj/showp.php?pid=2867 题目大意:给定一系列活动的开始时间和结束时间,问最多能参加的活动数目 思路:// 本题属于最大区间调 ...
- 使用Marshal.Copy把Txt行数据转为Struct类型值
添加重要的命名空间: using System.Runtime.InteropServices; 先建立结构相同(char长度相同)的Struct类型用于转换: [StructLayout(Layou ...
- dojo.declare
参考:http://www.ibm.com/developerworks/cn/web/1203_xiejj_dojodeclare/
- C语言中宏定义(#define)时do{}while(0)的价值(转)
C语言中宏定义(#define)时do{}while(0)的价值 最近在新公司的代码中发现到处用到do{...}while(0),google了一下,发现Stack Overflow上早有很多讨论,总 ...
- 手把手教你使用Git(转)
Git使用教程 2014-10-25 14:29 by 云溪0707, 10532 阅读, ... 评论, 收藏, 编辑 Git使用教程 一:Git是什么? Git是目前世界上最先进的分布式版本控制系 ...
- section 模块页面切换代码
<div class="blockcode"><blockquote><!DOCTYPE html><html><head&g ...
- [makefile] filter-out
$(filter-out ,) 名称:反过滤函数——filter-out.功能:以模式过滤字符串中的单词,去除符合模式的单词.可以有多个模式.返回:返回不符合模式的字串.示例: objects=mai ...
- java之坑-----List中的重复添加同一对象
java中List的add方法不检查List中是否含有已加入项 java中List的add方法不检查List中是否含有已加入项 java中List的add方法不检查List中是否含有已加入项 重要事情 ...
- java学习:AWT组件和事件处理的笔记(1)--文本框
java.awt包中的TextField类是专门用来建立文本框的,即TextField类创建的一个对象便是一个文本框. 1.TextField类的主要方法 (1)TextField() ...