搜索

js调用浏览器的push通知代码怎么写？

javascript html5

请问js调用浏览器的push通知代码怎么写？

网友回复

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <link href="css/index.css" rel="stylesheet">
</head>
<body>
    PWA浏览器Notification通知

    <script>
        if ('serviceWorker' in navigator) {
            window.addEventListener('load', function() {
                navigator.serviceWorker.register('pushservice.js').then(function(registration) {
                    Notification.requestPermission(function(result) {
                        if (result === 'granted') {

                            registration.showNotification('系统通知', {
                                body: '通知内容', // 内容
                                icon: 'images/banana.png', // 图标
                                badge: 'images/banana.png', // 小图标，手机上展现通知缩略信息时使用
                                image: 'images/banana.png', // 给用户的预览图
                                vibrate: [100, 200, 200, 300], // 设置震动
                                requireInteraction: true, // 显示通知直到用户交互
                                actions: [
                     ...

点击查看剩余70%

by thinkfuture

我知道答案，我要回答

我有问题

js调用浏览器的push通知代码怎么写？

如何将linux服务器的文件目录映射到windows电脑磁盘？

Docling 与 MarkItDown 两个库有啥不同？

豆包收费后国产其他ai软件也会跟进收费吗？

JPEG 与 HEIF图片格式区别？

centos7版本太旧无法安装python3.11，如何在docker中运行python3.11？

python如何做个RPA按键精灵的程序？

写一个windows的cmd的python代码如何在命令行中捕获获取复制粘贴的图片？

如何将别人爆款的抖音短视频短剧文案提取为seedance2的提示词？

阿里云域名dns云解析10万次日限额如何应对？

windows电脑如何提交上架ipa苹果应用？