导出CSV中文乱码的解决方法是：在CSV内容开头插入UTF-8 BOM（\uFEFF）；Safari等浏览器不支持data URL下载，应改用Blob+URL.createObjectURL()；处理CSV字段需转义换行、逗号、双引号；从DOM提取表格数据应使用tr.cells并校验可见性。
导出 CSV 时中文乱码怎么解决
浏览器默认用 UTF-8 编码生成 CSV，但 Excel（尤其是 Windows 版）会按系统默认编码（如 GBK）打开，导致中文显示为乱码。这不是脚本问题，而是 Excel 的历史兼容行为。
最稳妥的解法是：在 CSV 内容前插入 UTF-8 BOM（\uFEFF），让 Excel 主动识别为 UTF-8。注意不能加在 data:text/csv;charset=utf-8, 这类 data URL 的 MIME 部分，而要加在实际内容开头：
const csvContent = '\uFEFF' + '姓名,城市\n张三,北京\n李四,上海';
如果跳过 BOM，又必须兼容 Excel，就只能转 GBK 编码——但前端 JS 原生不支持 GBK 编码，需引入 iconv-lite 等库，复杂度陡增，不推荐。
download 属性在 Safari 和部分旧浏览器中失效
Safari 10.1+ 及 iOS Safari 不支持 a.download 下载 data URL（即 data:text/csv;... 开头的链接），点击后会直接在新标签页打开 CSV 文本，无法触发下载。
绕过方式是用 Blob + URL.createObjectURL() 创建真实 URL：
const blob = new Blob(['\uFEFF' + csvContent], { type: 'text/csv;charset=utf-8;' });<br>const url = URL.createObjectURL(blob);<br>const a = document.createElement('a');<br>a.href = url;<br>a.download = 'data.csv';<br>a.click();<br>URL.revokeObjectURL(url); // 用完立即释放，避免内存泄漏
这个方案在 Chrome、Firefox、Edge、Safari 全平台可用，且无需后端参与。
表格数据提取时如何处理换行、逗号、双引号
CSV 规范要求：字段含换行符、逗号或双引号时，必须用双引号包裹；若字段本身含双引号，则每个双引号要写成两个（" → ""）。
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
手动拼接极易出错，建议封装一个简单转义函数：
function escapeCsvField(field) {<br> if (typeof field !== 'string') field = String(field);<br> if (/[\n",]/.test(field) || field.startsWith(' ') || field.endsWith(' ')) {<br> return '"' + field.replace(/"/g, '""') + '"';<br> }<br> return field;<br>}
然后对每行每列调用它，再用 , 拼接：
const row = [name, city, remark].map(escapeCsvField).join(',');
特别注意：空单元格、null、undefined 应显式转为空字符串，否则 String(null) 得到 "null"，不是预期行为。
从 DOM 表格实时抓取数据要注意哪些坑
直接读 table.querySelectorAll('tr') 容易漏掉表头分组（thead）、合并单元格（rowspan/colspan）、隐藏行（display: none）或动态渲染未完成的行。
更健壮的做法是只处理可见且有数据的 tr，并跳过无 td 或 th 的行：
- 用
getComputedStyle(tr).display !== 'none'判断是否可见 - 遍历
tr.cells（比tr.querySelectorAll('td, th')更准，自动处理 colspan/rowspan 的逻辑） - 对每个
cell取cell.textContent.trim()，避免换行、缩进等干扰
如果表格用了前端框架（如 Vue/React），优先从组件 state 或 props 中取原始数据，而不是 DOM——DOM 可能滞后于数据状态。
