H5特性Notification消息推送

Notification.requestPermission(function(status) {
    //default 用户没有接收或拒绝授权请求 不能显示通知
    //granted 用户接受授权请求 允许显示通知
    //denied  用户拒绝授权请求 不允许显示通知
    console.log(‘permission: ‘ + status);

    if (Notification.permission === ‘granted‘) {
        var n = new Notification("推送通知", {
            icon: ‘https://www.baidu.com/img/bd_logo1.png‘,
            body: ‘点我带你去百度,60s后消失‘
        });

        n.onshow = function() {
            setTimeout(function() {
                n.close();
            }, 60000);
        };

        n.onclick = function() {
            window.open(‘http://www.baidu.com‘);
            n.close();
        };

        n.onerror = function() {
            console.log(‘error‘);
        };

        n.onclose = function() {
            console.log(‘close‘);
        };
    }
});

  

原文地址:https://www.cnblogs.com/huangtonghui/p/8707733.html

时间: 2024-08-01 01:12:49

H5特性Notification消息推送的相关文章

Android (Notification)消息推送机制

从网上查询资料学习Android消息推送机制,效果图如下: 1.首先是布局文件代码 activity_main.xml <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent"

消息推送——本地推送

消息推送分两种: 1.本地推送(Local Notification) 2.远程推送(Remote Notification) 消息推送的作用 可以让APP不在前台,告知用户APP内部发生了什么 消息推送的效果 1.没有效果 2.横幅 在屏幕的顶部显示具体内容 3.提醒 UIAlertController 在屏幕中间显示具体内容 4.在锁屏的时候显示一块横幅 在手机的设置里面对它进行不同的效果设置 5.可以更改APP图标上面显示的提醒数字 注意:发送推送通知的时候,如果APP在前台运行,那么推送

IOS 消息推送原理及实现总结

一.消息推送原理: 在实现消息推送之前先提及几个于推送相关概念,如下图1-1: 1-1 1.              Provider:就是为指定IOS设备应用程序提供Push的服务器,(如果IOS设备的应用程序是客户端的话,那么Provider可以理解为服务端[消息的发起者]): 2.              APNS:Apple Push Notification Service[苹果消息推送服务器]: 3.              iPhone:用来接收APNS下发下来的消息: 4.

【Html5】Html5新特性Notification实现桌面消息推送(2016-05-25)

序:最近工作使用WorkTile,发现使用Chrome浏览器的时候如果有任务下发给我则会在桌面右下角提示(当前浏览器为最小化模式).感觉这个东西蛮有意思的,感觉可以给用户更好的体验,于是乎就查询了一下,发现是Html5的新特性. 0x01:IE内核的浏览器还不可以,但在Chrome与Firefox上已经实现了此API. 0x02:代码简单直接看吧 1 <!DOCTYPE html> 2 3 <html xmlns="http://www.w3.org/1999/xhtml&qu

PWA之消息推送——Notification

原文 简书原文:https://www.jianshu.com/p/69042b92cae1 大纲 1.推送通知的概念 2.消息推送的知识点 3.实例 1.推送通知的概念 大部分现代 Web 应用都需要定期更新和与用户沟通的能力.比如社交媒体.邮件和应用通知都很不错,但并不总是能够吸引用户的注意,尤其是当他们离开网站的时候. 这正是推送通知出现的契机.它们是出现在你设备上的有用通知,提示可能对你有用的相关信息.你可以简单地滑动或点击按钮来关闭它们,或者可以点击它们,并立即指向具有相关信息的网页.

本地消息和消息推送

在多数移动应用中任何时候都只能有一个应用程序处于活跃状态,如果其他应用此刻发生了一些用户感兴趣的那么通过通知机制就可以告诉用户此时发生的事 情.iOS中通知机制又叫消息机制,其包括两类:一类是本地通知:另一类是推送通知,也叫远程通知.两种通知在iOS中的表现一致,可以通过横幅或者弹出 提醒两种形式告诉用户,并且点击通知可以会打开应用程序,但是实现原理却完全不同.今天就和大家一块去看一下如何在iOS中实现这两种机制,并且在文章后 面会补充通知中心的内容避免初学者对两种概念的混淆. 本文包括下面内容

iOS 10 消息推送(UserNotifications)秘籍总结(一)

背景 iOS10 新特性一出,各个大神就早已研究新特性能给场景智能化所带来的好处(唉,可惜我只是一个小白).我也被安排适配iOS10的推送工作! Apple 表示这是 iOS 有史以来最大的升级(our biggest release yet),更加智能开放的 Siri .强化应用对 3D Touch 支持. HomeKit .电话拦截及全新设计的通知等等… iOS 10 中将之前繁杂的推送通知统一成UserNotifications.framework 来集中管理和使用通知功能,还增加一些实用

Expo大作战(十四)--expo中消息推送的实现

简要:本系列文章讲会对expo进行全面的介绍,本人从2017年6月份接触expo以来,对expo的研究断断续续,一路走来将近10个月,废话不多说,接下来你看到内容,讲全部来与官网 我猜去全部机翻+个人修改补充+demo测试的形式,对expo进行一次大补血!欢迎加入expo兴趣学习交流群:597732981 [之前我写过一些列关于expo和rn入门配置的东i西,大家可以点击这里查看:从零学习rn开发] 相关文章: Expo大作战(一)--什么是expo,如何安装expo clinet和xde,xd

物联网核心协议—消息推送技术演进

消息触达能力是物联网(internet ofthings, IOT)的重要支撑,而物联网很多技术都源于移动互联网.本文阐述移动互联网消息推送技术在物联网中的应用和演进. 一.物联网架构和关键技术 从开发的角度,无线接入是物联网设备端的核心技术,身份设备管理和消息推送技术是物联网云端的核心技术.而从场景体验的角度,除了前者,还要包括手机的前端开发技术. 在上一篇<一张图读懂基于微信硬件平台的物联网架构>博文中,笔者曾用一张大图详细描述了基于微信硬件平台的物联网架构的组成要素.关键场景.和通信协议