2 uniqueweimeijun uniqueweimeijun 于 2016.05.05 10:24 提问

html5中notification问题在谷歌浏览器中也不能运行

<!DOCTYPE HTML>
<html>
<head
<meta charset="gbk">  
<title>Creating OS notifications in HTML5</title>
</head>
<body>
<input type="button" value="验证授权" onclick="init();" />
<input type="button" value="弹出消息" onclick="notify();" />


    <script type="text/javascript">
        const miao = 5;

        function init() {
            if (window.webkitNotifications) {
                window.webkitNotifications.requestPermission();
            }
        }

        function notify() {
            var icon = "logo.png";
            var title = "窗口将在 " + miao + " 5后关闭";
            var body =  "PHP100 提供的 HTML5视频教程 桌面提醒API";

            if (window.webkitNotifications) {
                if (window.webkitNotifications.checkPermission() == 0) {
                    var popup = window.webkitNotifications.createNotification(icon, title, body);
                    popup.ondisplay = function(event) {
                        setTimeout(function() {
                            event.currentTarget.cancel();
                        }, miao * 1000);
                    }
                    popup.show();
                } else {
                    window.webkitNotifications.requestPermission();
                    return;
                }
            }
        }
    </script>

</body>
</html>

1个回答

showbo
showbo   Ds   Rxr 2016.05.05 10:37
已采纳

你chrome版本太低不支持window.webkitNotifications这个对象吧。。我这里版本 38.0.2125.104 webkitNotifications为undefined

uniqueweimeijun
uniqueweimeijun 可以发给我吗。2783573285@qq.com
大约 2 年之前 回复
showbo
showbo 回复uniquewdl: http://www.w2bc.com/Article/13451
大约 2 年之前 回复
uniqueweimeijun
uniqueweimeijun 能发给我?
大约 2 年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
Html5 系列之:桌面通知Notification
介绍: 桌面通知,我们经常看到的比如QQ,Skype在右下角的消息提醒。在网页中我们也可以用Javascript模拟实现这一功能,只是这个消息框中浏览器中。目前浏览器依然是一个严格的沙盒工作模式,这种模式把浏览器和桌面的通信隔离开,但WHATWG下在讨论的一种特性Notification可以跨越沙盒通过桌面向用户发出浏览器的通知。现在在Html5中也可以实现这一功能,目前Notification
html5系列:notification api升级——从webkitNotifications到Notification
最近又鼓捣起两年前做的一个chrome扩展,想要跑起来却发现报错了,看了下console,首先是indexedDB报错,说是window.webkitIndexedDB已经被废弃了,用window.indexedDB代替后,就没再报错了,看来我这chrome 46的indexedDB api只是改了个更通用的名称,还是比较厚道的,所以,这里就不详述了。 真正出问题的是桌面通知,chrome 46给
HTML5新特性之WebNotifications
由于平时忙于工作,已经有很长时间没有更新博客了,偶尔会进来看一眼,发现有很多朋友在下面留言,我很庆幸当时能写下这些有价值的文章,直到现在还能够帮助这么多朋友解决Android方面的一些问题。 最近研究了一下HTML5方面的一些新技术,很是想记录下来成文,一方面可以加深自己对技术的理解,另外希望能帮助初学者理解和学习这些技术。 今天我们先来讲解一下桌面通知,即Web Notificatons技术
HTML5桌面通知:notification api
目前额Notifac HTML5桌面通知:notification api 1. 为什么需要HTML5的桌面通知 传统的桌面通知可以写一个div放到页面右下角自动弹出来,并通过轮询等等其他方式去获取消息并推送给用户。这种方式有个弊端就是:当我在使用京东 进行购物的时候,我是不知道人人网有消息推送过来给我的,而必须要等我把当前页面切到人人网才知道有消息推送了。这种方式的消息
简单了解HTML5中的Web Notification桌面通知
简单了解HTML5中的Web Notification桌面通知 这篇文章发布于 2016年07月6日,星期三,00:43,归类于 js相关。 阅读 11619 次, 今日 39 次 by zhangxinxu from http://www.zhangxinxu.com/wordpress/?p=5474 本文全文转载需购买版权(750¥),摘要引流则免费,具体参见这里
使用HTML5 Notification实现桌面通知
为什么使用HTML Notification在HTML5 Notification之前的通知主要有两种。一种是写在标题栏中,使用js不断的更改标题内容达到提醒的作用。另外一种是在网页右下角用div模拟通知栏。两种方法的都有很多局限性,比如如果用户最小化浏览器,就看不到通知了。使用Notification则不会出现这样的问题。下面是一个简单的实例。 Notification兼容情况【注】Notifi
MFC写的浏览器,有收藏夹
基本的浏览器功能,收藏夹的链接跳转问题在研究中
krpano HTML5 Viewer
krpano HTML5 Viewer Version 1.18 The krpano HTML5 viewer is a HTML5 / Javascript based client-side application that uses either the HTML5 CSS 3D Transforms or WebGL for displaying panoramic image
HTML5桌面通知:notification
HTML5桌面通知:notification
一个数学排列问题
今天看到一个面试题:             2对括号()有2种匹配排列方式(())和()(),4对括号(),有多少种匹配排列方式