Chrome桌面提醒功能,兼容新老版本,firefox最新版本也通过

Chrome新版升级api,与w3一致,为了兼容,代码如下:

//桌面提醒
function notify(title, content) {

        if(!title && !content){
            title = "桌面提醒";
            content = "您看到此条信息桌面提醒设置成功";
        }
        var iconUrl = "/images/send_ok.png";

        if (window.webkitNotifications) {
            //chrome老版本
            if (window.webkitNotifications.checkPermission() == 0) {
                var notif = window.webkitNotifications.createNotification(iconUrl, title, content);
                notif.display = function() {}
                notif.onerror = function() {}
                notif.onclose = function() {}
                notif.onclick = function() {this.cancel();}
                notif.replaceId = ‘Meteoric‘;
                notif.show();
            } else {
                window.webkitNotifications.requestPermission($jy.notify);
            }
        }
        else if("Notification" in window){
            // 判断是否有权限
            if (Notification.permission === "granted") {
                var notification = new Notification(title, {
                    "icon": iconUrl,
                    "body": content,
                });
            }
            //如果没权限,则请求权限
            else if (Notification.permission !== ‘denied‘) {
                Notification.requestPermission(function(permission) {
                    // Whatever the user answers, we make sure we store the
                    // information
                    if (!(‘permission‘ in Notification)) {
                        Notification.permission = permission;
                    }
                    //如果接受请求
                    if (permission === "granted") {
                        var notification = new Notification(title, {
                            "icon": iconUrl,
                            "body": content,
                        });
                    }
                });
            }
        }
    }

Chrome桌面提醒功能,兼容新老版本,firefox最新版本也通过,布布扣,bubuko.com

时间: 2024-08-01 10:46:39

Chrome桌面提醒功能,兼容新老版本,firefox最新版本也通过的相关文章

Ubuntu全新安装firefox最新版本

Ubuntu默认安装firefox,但是自带的软件仓库是不会随firefox更新的,我在使用中老是提示flash插件需要激活,提示中可选的解决方式有三种 1.更新flash插件,但是跳转到adobe的站点无法下载插件. 2.长期激活,但是再次打开页面的时候,又会弹出这个提示框. 3.更新firefox. 今天实在是无法忍受了,就下载了firefox的最新安装包,下载后解压到相关的目录. tar  -xf  Firefox* 将解压后的firefox目录移动到/opt下边 sudo mv fire

通过pip控制台查看已安装第三方库版本及最新版本

首先执行[pip --help]查看pip命令: 由Commands知:[pip list]命令查看已安装第三方库,另[pip list --outdated]可查看有新版本的第三方库. 原文地址:https://www.cnblogs.com/dyc99/p/12580365.html

STL源码剖析---根据最新版本的g++4.9.0(支持C++11)的修订(1)空间配置器

源码剖析采用的G++版本为2.91.57版本,是比较老的版本与最新版本4.9.0有某些方面的差别.现在我针对最新版本做一个分析.我下载了最新的gcc-4.9.0的包作为观察对象: 我们#include <>时的头文件放在:gcc-4.9.0/libstdc++-v3/include/std:例如vector. 真正的实现文件放在:gcc-4.9.0/libstdc++-v3/include/bits:例如:stl_vector,注意前面的stl_. 最后要说的是:技术是不断进步,不断发展变化的

移动端测试:优化原有功能,改动接口需要兼容新旧版本

在测试线下培训V1.0.1(月亮天使V4.8.0)时,因为在这个版本中改动了课程状态变更的逻辑,由原来的由教师点击上下课来更新课程状态,到根据排课时间,使用定时器来更新课程状态,在逻辑上有了很大的变化. 而且界面上,我的授课由原来的三个页签减少为两个,以及对应的角标数量统计等等多种情况.最初没有考虑到兼容旧版本的功能,导致修改后的接口对应不上,导致旧版的部分功能调用修改后的接口,返回参数异常等错误. 本次更新也不是强制更新的,所以后面修改接口或新增接口,兼容旧版本,以保证旧版本的正常运作,但是我

浏览器桌面提醒,适用于网站“新消息提醒”

<html> <head> <title>浏览器桌面提醒</title> <script> function notify(title, content) { if(!title && !content){ title = "桌面提醒"; content = "您看到此条信息桌面提醒设置成功"; } var iconUrl = "http://www.zhoupengyu.cn/f

2012远程桌面管理工具下载新功能

与升级到Windows 8相比,企业用户使用Windows Server 2012时相对比较简单.Windows Server 2012最大的改变并不是在风格上,除了Modern UI界面之外,而是那些基于微软三年前发布Windows Server 2008 第二版本时打造的组件.值得一提的是,Windows Server 2012保留并极大地扩展了两个Windows Server 2008 R2网管们很熟悉的两个管理功能:Server manager 和Powershell.iis7远程桌面连

快速学习Flex模型布局-兼容新旧版本css

最近在学习Flex模型布局 ,刚开始,各种属性看着头疼,现在坚持下来,把自己的学习经验分享一下: Flex模型 发展下来分三个版本: 标准版本(flex | inline-flex).混合版本(flexbox | inline-flexbox).最老版本(box | inline-box); 标准版本:IE11+已经支持啦,其他标准浏览器只要做一下兼容webkit: 混合版本:可以说是IE版本,就只有ie支持 最老版本:建议抛弃吧 --------------------------------

关于HTML5的桌面提醒——Notification

说明测试环境如下:IE: 11版本firefox:34版本chrome: 39版本 声明: 百度网上搜索的大部分资料,几乎都是错误的! 几乎千篇一律的都是 要检测浏览器是否支持 “桌面提醒”需要用到如下代码: //判断浏览器是否支持Notificationsfunction supported(){ if(window.webkitNotifications){    alert('浏览器支持Notifications'); } else {    alert('浏览器不支持Notificati

Html5桌面提醒

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>HTML5桌面消息提示</title> <script> function notify(title,content) { if(!title && !cont