demo.js

let swRegistration;
const action = location.search.replace('?action=', '');
switch (action) {
    case 'eTicket':
        alert('电子票：xxx');
        break;
    case 'lvmm':
        alert('点击了打开驴妈妈');
        break;
    default:
}

// 分享按钮事件
document.querySelector('#share')
    .addEventListener('click', () => {
        if (navigator.share === undefined) {
            alert('不支持原生分享！');
            return;
        }
        try {
            navigator.share({
                title: '驴妈妈旅游网',
                text: '这是分享内容',
                url: 'https://m.lvmama.com'
            });
        } catch (err) {
            alert(err);
        }
    });

const body = document.querySelector('body');
const footer = document.querySelector('.offline');
if (!navigator.onLine) {
    body.classList.add('offline');
    footer.style.bottom = '0';
}

window.ononline = () => {
    body.classList.remove('offline');
    footer.style.bottom = '-51px';
};

window.onoffline = () => {
    body.classList.add('offline');
    footer.style.bottom = '0';
};

// 注册ServiceWorker
if ('serviceWorker' in navigator) {
    navigator.serviceWorker
        .register('./service-worker.js')
        .then(registration => { 
            console.log('Service Worker Registered');
            swRegistration = registration;

        });

    // 发送消息按钮事件
    document.querySelector('#sendMsg')
        .addEventListener('click', () => {
            if (swRegistration) {
                Notification.requestPermission(result => {
                    if (result === 'granted') {
                        swRegistration.showNotification('驴妈妈旅游网', {
                            body: '出票成功！',
                            actions: [{
                                action: 'eTicket',
                                title: '查看电子票'
                            }, {
                                action: 'lvmm',
                                title: '打开驴妈妈'
                            }],
                            icon: './images/logo.png',
                            vibrate: [200, 100, 200, 100, 200, 100, 200]
                        });
                    } else {
                        alert(result);
                    }
                });
            }
        });
}