浏览器文件下载管控：内存不足时的JavaScript拦截方案咨询

1. 如何在设备内存不足时阻止浏览器下载？ #

浏览器没有原生的自动拦截机制，需要自行实现内存检测+下载拦截的组合逻辑：先获取设备当前剩余内存的近似值，设定合理阈值（比如剩余内存小于预估文件大小，或固定阈值），当内存不足时，拦截所有触发下载的操作（如a标签点击、fetch/XHR请求、window.open下载等）。

2. 是否可以通过JavaScript实现？ #

可以，但存在几个局限性：

• JS获取的内存数据是近似值，不同浏览器的API返回精度有差异
• 无法精准预估下载文件所需内存（尤其是压缩包、流式下载的文件）
• 部分小众浏览器可能限制内存API的访问权限
  但对于大多数常规场景，用JS实现近似拦截是可行的。

3. 具体JavaScript解决方案 #

第一步：实现内存检测函数

通过navigator.deviceMemory（获取设备总内存）结合performance.memory（Chrome系浏览器可用，获取当前页面内存占用）计算剩余内存：

// 计算剩余可用内存（近似值，单位：MB）
function getAvailableMemory() {
    let totalMemory = 0;
    // 获取设备总内存（Chrome、Edge等Chromium系支持）
    if (navigator.deviceMemory) {
        totalMemory = navigator.deviceMemory * 1024; // 转成MB
    } else {
        // 不支持的浏览器设默认阈值，比如4GB=4096MB
        totalMemory = 4096;
    }

    let usedMemory = 0;
    // 获取当前页面已使用内存（仅Chrome系支持）
    if (performance.memory) {
        usedMemory = performance.memory.usedJSHeapSize / (1024 * 1024); // 转成MB
    }

    // 近似剩余内存 = 总内存 - 已用内存（实际系统剩余内存会更少，可按需调整）
    return totalMemory - usedMemory;
}

第二步：拦截各类下载操作

拦截a标签的下载请求

// 监听所有a标签点击
document.addEventListener('click', (e) => {
    const target = e.target;
    // 判断是否为下载链接（含download属性，或href指向常见文件格式）
    if (target.tagName === 'A' && (target.hasAttribute('download') || target.href.match(/\.(pdf|zip|exe|rar|docx)$/i))) {
        const availableMem = getAvailableMemory();
        // 设定阈值：剩余内存小于500MB时阻止下载
        if (availableMem < 500) {
            e.preventDefault();
            alert('设备剩余内存不足，无法完成下载');
        }
    }
});

拦截fetch/XHR的下载请求

// 重写fetch方法拦截下载
const originalFetch = window.fetch;
window.fetch = async (...args) => {
    const url = typeof args[0] === 'string' ? args[0] : args[0].url;
    if (url.match(/\.(pdf|zip|exe|rar|docx)$/i)) {
        const availableMem = getAvailableMemory();
        if (availableMem < 500) {
            throw new Error('设备剩余内存不足，无法完成下载');
        }
    }
    return originalFetch(...args);
};

// 重写XMLHttpRequest拦截下载
const originalXHR = window.XMLHttpRequest;
window.XMLHttpRequest = function() {
    const xhr = new originalXHR();
    const originalOpen = xhr.open;
    xhr.open = function(method, url) {
        if (url.match(/\.(pdf|zip|exe|rar|docx)$/i)) {
            const availableMem = getAvailableMemory();
            if (availableMem < 500) {
                throw new Error('设备剩余内存不足，无法完成下载');
            }
        }
        originalOpen.call(this, method, url);
    };
    return xhr;
};

注意事项

• 阈值需根据业务场景调整，比如大文件下载可将阈值设为文件预估大小的1.5倍
• performance.memory仅在Chromium系浏览器可用，其他浏览器只能通过navigator.deviceMemory做粗略判断
• 无法拦截浏览器原生的「右键另存为」操作，该操作完全由浏览器控制，JS无法干预

内容的提问来源于stack exchange，提问作者Ali Kashefi