在http中使用window.Notification

原创 于 2023-06-14 21:41:08 发布 · 873 阅读 · 4 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#http #网络协议 #网络 #windows

文章介绍了如何在Chrome浏览器中通过chrome://flags/设置，修改Insecureoriginstreatedassecure选项，添加特定域名或局域网IP（如http://192.168.0.2:90），以允许在非HTTPS环境下使用NotificationAPI。

默认是只能在HTTPS中使用，但是可以修改浏览器实现http的使用

 Chrome浏览器，

chrome://flags/   进入设置

Insecure origins treated as secure 中填写需要开启 Notification API 的域名，重启浏览器，就可以在 HTTP 中使用 Notification API 了。

如果是局域网IP，写法如下：

http://192.168.0.2:90

看到效果：

Damon_Code
关注
Window.Notification API详细使用指南
一名全栈开发工程师
06-28 1600
Notification是Web API的一部分，它允许网页或应用程序向用户发送桌面通知。这些通知可以包含图像、文本和声音，以提供丰富的用户体验。title：通知的标题，这是必需的参数。optionsdir：文本的方向；它可以是autoltr，或rtllang：通知中使用的语言，比如en-US或zh-CNbody：通知的正文文本tag：赋予通知一个ID，以便在必要时对通知进行操作icon：显示的图标URL。
记录一下 Notification Web API 的使用，以及踩的坑。
wssy_day的博客
04-16 2106
Notification
http_notification_system:HTTP通知系统。 一个服务器（或一组服务器）将跟踪主题->订阅者，其中主题是字符串，订阅者是HTTP端点。 在主题上发布消息时，应将其转发到所有订户端点
03-29
http_notification_system:HTTP通知系统。 一个服务器（或一组服务器）将跟踪主题->订阅者，其中主题是字符串，订阅者是HTTP端点。 在主题上发布消息时，应将其转发到所有订户端点
在 HTTP 网站中开启 Notification API
SummerGao
10-21 1495
打开：chrome://flags/ 在Insecure origins treated as secure中填写需要开启 Notification API 的域名或IP地址，重启浏览器，就可以在 HTTP 中使用 Notification API 了。
Notification的使用（一）
houjianbo188的博客
09-18 638
一、Notification的基本使用 通知的创建可以放在Activity、Service、BroatcastReceiver里面。 1.创建通知 1.1NotificationManager 首先需要创建一个NotificationManager对象用来管理通知。创建方式Context.getSystemService()方法，参数传入Context.NOTIFICATI
浏览器通知--window.Notification
weixin_30239339的博客
02-27 937
参考链接：http://blog.csdn.net/guoquanyou/article/details/51726571 Web Notifications是HTML5的一个特性，目前我知道的有谷歌浏览器和windowsedge对它进行了支持 下面是一个简单的示例（注意测试的时候需要把页面发布到浏览器上才会有效果）： <div class="row"> &l...
实现window.Notification回退功能的notification-fallback.js
例如，使用"<script src='notification.js'></script>"标签来加载库文件。 7. 一旦引入了该脚本，就可以像使用原生Notification API一样来创建通知。具体用法是创建一个Notification对象，并传递通知的标题作为第一...
Avalonia.Controls.Notification
最新发布
12-04
Avalonia.Controls.Notification 用于在Avalonia应用程序中实现通知功能。它允许开发者向用户展示重要信息，如操作结果、提醒等。通知通常以弹出窗口的形式显示在应用界面的特定位置，具有一定的时效性，会在一段...
notification
weixin_41069726的博客
05-02 389
https://developer.android.com/training/notify-user/build-notification创建一个通知 https://www.cnblogs.com/travellife/p/Android-Notification-xiang-jie.html dependencies { implementation "com.andro...
PopupWindow和Notification通知
12-09
PopupWindow基础方法用法和Notification通知的基础用法
HTML5特性之谷歌浏览器桌面消息(window.Notification)推送：
柠檬果茶
08-10 5644
用法： (1)消息推送会默认关闭-主要通过window.Notification.permission来判断 "denied"  --- 为用户点击了禁用(拒绝打开推送功能) "default" ----推送功能默认关闭 "granted" ----推送功能为开启状态(用户点击允许后的状态) 在浏览器载入的时候可以选择判断状态 ``` if(window.Notification.p...
当Notification和Websocket遇到https、http
旺旺的博客
08-07 888
常用参数介绍： keytool -genkey：自动使用默认的算法生成公钥和私钥 -alias[名称]：给证书取个别名 -keyalg：制定密钥的算法，如果需要制定密钥的长度，可以再加上keysize参数，密钥长度默认为1024位，使用DSA算法时，密钥长度必须在512到1024之间，并且是64的整数倍 -keystore：参数可以指定密钥库的名称。密钥库其实是存放迷药和证书文件，密钥库对应的文件如果不存在会自动创建。 -validity：证书的有效日期，默认是90天 -keypass chan
window.Notification实现桌面通知
panying0903的专栏
10-27 6455
var popNotice = function() { if (Notification.permission == "granted") { var notification = new Notification("Hi，", { body: '可以加你为好友吗？', icon: '/sta
【转】如何使用Notification功能
shenlong_no1的博客
09-04 313
参考资料： http://www.ablanxue.com/prone_8980_1.html http://my.oschina.net/u/1395677/blog/176823
Notification使用说明
飞鸟
03-27 783
参考：http://www.cnblogs.com/plokmju/p/android_Notification.html 与AlertDialog的创建一样，都需要通过一个内部类Builder来创建并设置其中的一些信息。 但Notification必须通过系统服务NotificationManager来发送或者取消。如： manager = (NotificationManager)
HttpNotificationChannel 云端推送信息实现
weixin_30216561的博客
11-08 195
Push Notification简介 目前，Windows Phone支持三种Push Notification方式：Toast Notifications、Tile Notifications和Raw Notifications，我不想翻译成中文名字了，因为“吐司”之类的翻译无法帮助理解。 Toast Notifications，当我们的程序没有运行时，我们希望有一...
mac下notification桌面通知不支持http协议的解决办法
badmoonc的博客
01-21 2093
sudo /Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --unsafely-treat-insecure-origin-as-secure="http://your.domain.com" --user-data-dir="/Users/baidu/ChromeTestProfile" 命令行执行该命令，将红色文本...
HTML5 浏览器window.Notification 推送消息例子
勤奋的老黄牛
07-12 3747
<script> if (window.Notification) { var ua = navigator.userAgent.toLowerCase(); if (ua.indexOf('safari') != -1) { if (ua.indexOf('chrome') > -1) { ...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值