+
95
-

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

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

网友回复

+
15
-

<!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%

我知道答案,我要回答