<html>

<head>

    <title>桌面通知</title>

    <meta name="description" content="实战Chrome浏览器桌面通知" />

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

    <script type='text/javascript'>

    //granted  允许  denied 拒绝  undefined  未定义  default 用户不操作

    function getStatus()

    {

        return Notification.permission;

    }

    function init() {

      if (!("Notification" in window)){

          alert("您当前浏览器不支持该功能！\n建议使用猎豹、360等浏览器使用此功能");

          $("#zmtz").removeAttr("checked");

      }

      else {

          //申请授权

          if (Notification.permission == null || Notification.permission == undefined)

              window.webkitNotifications.requestPermission();

          else if (Notification.permission !== 'denied') {

              Notification.requestPermission(function (permission) {

                  if (!('permission' in Notification))

                      Notification.permission = permission;

              });

          }

          $("#zmtz").attr("checked","checked");

      }

}

    function send(title,theBody,theIcon)

    {

    var options = {

      body: theBody,

      icon: theIcon

    }

    if (!("Notification" in window)) {

    return ;

  }

  else if (Notification.permission === "granted") {

    // If it's okay let's create a notification

    var notification = new Notification(title,options);

  }

  // Otherwise, we need to ask the user for permission

  else if (Notification.permission !== 'denied') {

    Notification.requestPermission(function (permission) {

      // If the user accepts, let's create a notification

      if (permission === "granted") {

        var notification = new Notification(title,options);

      }

    });

  }

    }

    </script>

</head>

<body>

<div>

<input type="button" value="开启" onclick="javascript:init()">

通知内容：<input type="button" value="发喊单"  onclick="javascript:send('您有一条新喊单','详细信息','1.png')">

<input type="button" value="获取状态" onclick="javascript:alert(getStatus())">

</div>

</body>

</html>

web通知的更多相关文章

  1. 使用HTML5的Notification API制作web通知的教程（转）

    var notification=new Notification(‘Notification Title',{ body:'Your Message' }); 上面的代码构造了一个简陋的通知栏.构造 ...

  2. 浏览器开启web通知。

    https://www.cnblogs.com/xcsn/p/7767092.html

  3. QtWebkit2.2.0 HTML5.0支持情况

      Canvas: 支持element, 2d context以及文本 解析规则:支持 HTML5 tokenizer/tree building,  SVG in text/html, MathML ...

  4. 基于 websocket 实现的 im 实时通讯案例

    分享利用 redis 订阅与发布特性,巧妙的现实高性能im系统.为表诚意,先贴源码地址:https://github.com/2881099/im 下载源码后的运行方法: 运行环境:.NETCore ...

  5. PhoneGap_百度百科

    PhoneGap编辑 PhoneGap是一个用基于HTML,CSS和JavaScript的,创建移动跨平台移动应用程序的 快速开发平台.它使开发者能够利用iPhone,Android,Palm,Sym ...

  6. awesome-javascript

    一系列令人敬畏的浏览器端JavaScript库,资源和闪亮的东西. 令人敬畏的JavaScript 包管理员 装载机 捆扎机 测试框架 QA工具 MVC框架和库 基于节点的CMS框架 模板引擎 文章/ ...

  7. Chrome浏览器启动参数大全（命令行参数）

    前言 在开发Web项目当中,浏览器必不可少,而浏览器的启动参数可以帮我们实现很多功能. 常用参数 常用参数请参考下表. 序号 参数 说明 1 --allow-outdated-plugins 不停用过 ...

  8. 使用 XMPP 构建一个基于 web 的通知工具——转

    Inserting of file(使用 XMPP 构建一个基于 web 的通知工具.docx) failed. Please try again. http://www.ibm.com/develo ...

  9. HTML5桌面通知(Web Notifications)实例解析

    先上一段代码,ie不支持,Chrome.fireFox.Opera支持 <!DOCTYPE html> <html> <head> <meta http-eq ...

随机推荐

  1. ArrayList构造函数

    //1.摘要: //初始化 System.Collections.ArrayList 类的新实例,该实例为空并且具有默认初始容量. // public ArrayList(); ArrayList a ...

  2. CentOS 手动增加、删除swap区

    SWAP是Linux中的虚拟内存,用于扩充物理内存不足而用来存储临时数据存在的.它类似于Windows中的虚拟内存.在Windows中,只可以使用文件来当作虚拟内存.而linux可以文件或者分区来当作 ...

  3. jenkins 杀死衍生进程

    解决方法-1: 在execute shell输入框中加入BUILD_ID=DONTKILLME,即可防止jenkins衍生进程 解决方法-2: 修改/etc/sysconfig/jenkins配置,在 ...

  4. PHP数组关于数字键名的问题

    以下是对PHP数组数字键名的几点总结: 键名长度只能在 int 长度范围内,超过int 范围后将会出现覆盖等混乱情况 在键名长度为 int 范围内存取值时,PHP会强制将数字键名转换为 int 数值型 ...

  5. iOS UIImageView自适应图片大小

    窗口大小获取: CGRect screenBounds = [ [UIScreenmainScreen]bounds];//返回的是带有状态栏的Rect CGRect rect = [ [UIScre ...

  6. Alamofire4.0 在 CocoaPods无法更新的问题

    因为淘宝镜像已经不能使用,使用新的镜像升级ruby到最新状态 platform :ios, '9.0'use_frameworks! target '输入你的工程名字' do pod 'Alamofi ...

  7. 安卓activity之间值共享解决办法，tabhost之间共享父类值，字符串类型的转换，获取每一个listview的item

    1.tabhost父类值共享的解决办法 dianzhanliebiao.java是传值页面,zhuyemian.java放的是tabhost,dianzhangaikuang.java是tabhost ...

  8. 《Intel汇编第5版》 条件汇编伪指令

    一.条件汇编伪指令和宏使用可以使汇编程序更加灵活 二.通过伪指令来检查函数的参数是否为空,如果为空则输出警告信息 INCLUDE Irvine32.inc includelib Irvine32.li ...

  9. Egret 学习之简介，环境搭建及命令行语法 （一）

    1,简介 1)egret是一个开源免费的游戏框架,它使用TypeScript脚本语言进行开发:当游戏完成最终的打包后,可以将程序转换为h5游戏,实现跨平台性:它基于BSD(Berkly Softwar ...

  10. Excel的 OleDb 连接串的格式(Provider=Microsoft.ACE.OLEDB)

    string strCon = "Provider=Microsoft.ACE.OLEDB.12.0;data source=" + filePath + ";Exten ...