从API结果导出CSV在Firefox的JavaScript环境中无法生效

我遇到过类似的Firefox下载问题，大概率是因为Firefox对动态创建的未挂载DOM的<a>标签处理逻辑和Chrome不同，加上数据URL的局限性导致的。结合你的代码，只需要修改_gerarCsv函数里的下载逻辑就能解决：

修改方案 #

核心是改用Blob对象生成下载链接，并将动态创建的<a>标签临时挂载到DOM中再触发点击，具体修改如下：

var _gerarCsv = function(obj, org){
    var csv = 'ID; Assunto; Tipo; Solicitante; Criado Em; Ultima Atividade; Status; Modulo; Severidade; Organização\n';
    obj.forEach(function(row){
        var subject = row.subject;
        var status_csv = STATUS[row.status].name;
        subject = subject.replace(/,/g, '');
        subject = subject.replace(/(\r\n|\n|\r)/gm, " ");
        subject = subject.replace(/\s+/g, ' ').trim();
        subject = subject.replace(/\#\s?/g, '');
        csv += row.id;
        csv += ";" + subject;
        csv += ";" + TYPE[row.type];
        csv += ";" + getUserName(row.requester_id);
        csv += ";" + convertDate(row.created_at);
        csv += ";" + convertDate(row.updated_at);
        csv += ";" + status_csv;
        csv += ";" + getCustomFieldModulo(row.custom_fields);
        csv += ";" + getCustomFieldSeveridade(row.custom_fields);
        csv += ";" + org;
        csv += '\n';
    });

    // --- 以下是修改后的下载逻辑 ---
    // 创建Blob对象，处理UTF-8编码（Firefox需添加BOM避免乱码）
    var csvContent = navigator.userAgent.indexOf('Firefox') !== -1 ? '\ufeff' + csv : csv;
    var blob = new Blob([csvContent], { type: 'text/csv;charset=utf-8;' });
    var url = URL.createObjectURL(blob);
    
    var hiddenElement = document.createElement('a');
    hiddenElement.href = url;
    hiddenElement.download = 'tickets.csv';
    
    // 必须将元素添加到DOM中，Firefox才会响应click事件
    document.body.appendChild(hiddenElement);
    hiddenElement.click();
    
    // 清理资源：移除DOM元素并释放URL对象
    document.body.removeChild(hiddenElement);
    URL.revokeObjectURL(url);
};

为什么这样改？ #

• Blob vs 数据URL：数据URL对内容长度有限制，当CSV内容较大时Firefox可能拒绝处理；而Blob的Object URL更稳定，支持大文件下载。
• DOM挂载要求：Firefox对未挂载到DOM树的动态元素的click()事件有严格限制，必须先将<a>标签添加到页面中才能触发下载行为。
• BOM处理：添加\ufeff字节顺序标记可以确保Firefox打开CSV时正确识别UTF-8编码，避免中文等非ASCII字符乱码（如果你的数据包含这类字符的话）。

你可以测试修改后的代码，应该能在Firefox中正常触发CSV下载了。

内容的提问来源于stack exchange，提问作者Jean Lima