JavaScript 導出 Table 到 Excel：ActiveXObject 失效的排查與替代方案

使用 ActiveXObject("Excel.Application") 將 HTML Table 導出 Excel 是傳統 IE 專用方案。現代瀏覽器（Chrome、Firefox、Edge）均不支援 ActiveX，甚至 IE 高安全性設置也會阻擋。本文分析失效原因並提供跨瀏覽器替代方案。

失效原因分析

• 瀏覽器不支援：ActiveX 僅 IE 支援，且需降低安全級別、啟用「初始化並腳本執行未標記為安全的 ActiveX 控件」
• 剪貼板權限：代碼使用 clipboardData.setData，現代瀏覽器需 HTTPS 與用戶交互授權
• 異常吞沒：try-catch 掩蓋真實錯誤行，建議移除嘗試定位具體異常

現代跨瀏覽器解決方案

方案一：SheetJS (xlsx) 庫純前端導出（推薦）

<script src="https://cdn.jsdelivr.net/npm/xlsx@0.18.5/dist/xlsx.full.min.js"></script>

function exportTableToExcel(tableId, filename = 'export.xlsx') {
    const table = document.getElementById(tableId);
    const wb = XLSX.utils.table_to_book(table, { sheet: "Sheet1" });
    XLSX.writeFile(wb, filename);
}

// 使用
<button onclick="exportTableToExcel('mainTable', '數據導出.xlsx')">導出 Excel</button>

優勢：零依賴、支援所有現代瀏覽器、支援樣式/合併儲存格、無安全限制。

方案二：CSV 格式簡易導出（無依賴）

function exportTableToCSV(tableId, filename = 'export.csv') {
    const table = document.getElementById(tableId);
    let csv = [];
    for (let row of table.rows) {
        let rowData = [];
        for (let cell of row.cells) {
            rowData.push('"' + cell.innerText.replace(/"/g, '""') + '"');
        }
        csv.push(rowData.join(','));
    }
    const blob = new Blob([csv.join('\n')], { type: 'text/csv;charset=utf-8;' });
    const link = document.createElement('a');
    link.href = URL.createObjectURL(blob);
    link.download = filename;
    link.click();
}

方案三：後端生成 Excel 供下載（大數據/複雜樣式）

前端傳送 JSON 數據，後端使用 Apache POI (Java)、OpenPyXL (Python)、EPPlus (C#) 生成 .xlsx 返回文件流，前端觸發下載。適合大數據量、需服務端驗證、複雜報表樣式場景。

遷移建議

1. 立即停止使用 ActiveX 方案，不符合現代 Web 標準
2. 優先採用 SheetJS 庫，功能最完整且維護活躍
3. 若項目極簡且無法引入庫，CSV 方案為最佳備選
4. 企業級應用建議後端生成，便於權限控制與審計

摒棄過時技術，擁抱標準化前端導出方案，能顯著提升兼容性與用戶體驗。