uniquewdl 2016-05-05 02:24 采纳率: 50%
浏览 3179
已采纳

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条回答 默认 最新

  • 斯洛文尼亚旅游 2016-05-05 02:37
    关注

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

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题？

  • html5桌面通知自动关闭时间,H5 notification浏览器桌面通知
    2021-06-10 10:19
    weixin_39827036的博客 Notification是HTML5新增的API，用于向用户配置和显示桌面通知。上次在别的网站上看到别人的通知弹窗，好奇之余也想知道如何实现的。实际去查一下发现并不复杂，且可以说比较简单，故写篇博客分享给大家,希望能帮...
  • H5的Notification特性 - Web的桌面通知功能
    2021-09-08 19:08
    joshua317的博客 关键词:HTML5中的Web Notification桌面通知；基于Web Notification的前端桌面弹窗；H5的Notification特性；Web的桌面通知功能；H5 notification浏览器桌面通知；HTML5 桌面通知:Notification API；html5新功能No.
  • 实操指南：JavaScript在Chrome中实现消息推送通知
    2025-08-22 00:24
    飞翔的袋鼠弟的博客 在Web开发中，通知是一种向用户推送信息的方式，它允许你直接向用户的浏览器发送消息。在现代Web应用中，通知是实现即时通讯，提高用户体验的重要手段。Chrome通知，作为其中一种，具备跨浏览器工作的能力，能够快速...
  • Chrome(谷歌浏览器)插件资料 ！
    2017-01-22 09:17
    Footloose_的博客 1、chrome插件简单介绍  1.1基本概念  一个chrome插件其实是压缩在一起的一组文件...插件从本质上来说就是web页面，它们可以使用所有的浏览器提供的API，从XMLHttpRequest到JSON到HTML5全部都有。  另外，插件
  • HTML5笔记
    2024-07-19 11:00
    喵_美的博客 支持Html5的浏览器包括Firefox（火狐浏览器），IE9及其更高版本，Chrome（谷歌浏览器），Safari，Opera等；国内的傲游浏览器（Maxthon），以及基于IE或Chromium（Chrome的工程版或称实验版）所推出的360浏览器、搜狗...
  • js 浏览器桌面通知notification
    2019-02-21 09:02
    OBKoro1的博客 Notification是HTML5新增的API，用于向用户配置和显示桌面通知。上次在别的网站上看到别人的通知弹窗，好奇之余也想知道如何实现的。实际去查一下发现并不复杂，且可以说比较简单，故写篇博客分享给大家,希望能帮...
  • 谷歌浏览器Chrome插件扩展开发教程
    2019-06-08 11:30
    tim5wang的博客 下文是我看到的一篇很好...1. 写在前面 我花了将近一个多月的时间断断续续写下这篇博文，并精心写下完整demo，写博客的辛苦大家懂的，所以转载务必保留出处。本文所有涉及到的大部分代码均在这个demo里面：https:/...
  • H5 notification浏览器桌面通知
    2019-02-21 00:46
    weixin_34411563的博客 Notification是HTML5新增的API，用于向用户配置和显示桌面通知。上次在别的网站上看到别人的通知弹窗，好奇之余也想知道如何实现的。实际去查一下发现并不复杂，且可以说比较简单，故写篇博客分享给大家,希望能帮...
  • 谷歌下载器
    2012-10-21 11:58
    它通过集成特定的技术和算法，旨在提升用户在使用谷歌浏览器进行文件下载时的体验，尤其是在网络环境不佳或服务器负载较高的情况下，能显著提高下载速率。 这款下载器的核心组件包括以下几个方面： 1. **...
  • H5 Web Notification桌面推送消息
    2017-05-24 14:20
    Dong.YI的博客 H5 Web Notification桌面推送消息由于这两天公司项目刚好做到一个需要实时桌面推送的功能，就像平时QQ，微信消息推送那种，这个时候我们就可以用到HTML5 Web Notification 这个API了。Notification....
  • HTML5+CSS3+Bootstrap开发静态页面嵌入android webview中
    2020-05-02 22:09
    当富网络的博客 android开发一些体会 ...高级)2.2、中级工程师2.3、高级工程师三、全套功能源码 + 从业过程中的企业源码，百分百可跑四、网盘下载地址 前言 不知不觉自己已经做了几年开发了，由记得刚出来工作的时候感觉...
  • 谷歌插件开发学习指南
    2024-10-31 18:35
    桐桐桐的博客 谷歌插件（Chrome Extension）是为谷歌浏览器（Chrome）开发的小程序，旨在增强浏览器的功能或用户体验。它们可以通过添加工具栏按钮、修改网页内容、集成其他服务等方式，实现各种功能，例如广告拦截、密码管理、...
  • MFC应用程序中嵌入一个谷歌cef浏览器
    2017-05-25 19:51
    sdau_wxm的博客 声明:文章来自http://www.codeproject.com/Articles/1105945/Embedding-a-Chromium-browser-in-an-MFC-application ...在MFC应用程序中嵌入一个谷歌嵌入式框架（CEF）V3的浏览器。 CEF是一个
  • 没有解决我的问题, 去提问