js判断浏览器是否下载完成

function downloadFile(url, filename) {
    // 创建一个隐藏的<a>标签
    var link = document.createElement('a');
    link.href = url;
    link.download = filename;
    link.style.display = 'none';
    document.body.appendChild(link);

    // 模拟点击事件
    link.click();

    // 移除<a>标签
    document.body.removeChild(link);

    // 注意：这里无法直接检测下载是否完成，因为浏览器安全策略限制
    console.log('文件开始下载');
}

// 使用示例
downloadFile('path/to/your/file', 'example.txt');

// 注册Service Worker
if ('serviceWorker' in navigator) {
    navigator.serviceWorker.register('/service-worker.js')
        .then(registration => {
            console.log('Service Worker registered with scope:', registration.scope);
        })
        .catch(error => {
            console.error('Service Worker registration failed:', error);
        });
}

// service-worker.js
self.addEventListener('fetch', event => {
    if (event.request.url.includes('/download')) {
        event.respondWith(
            fetch(event.request).then(response => {
                // 这里可以处理下载完成的逻辑
                console.log('文件下载完成');
                return response;
            })
        );
    }
});