点击按钮触发日志下载需用blob+url.createobjecturl+，主动调用click()；日志须预先缓存为数组，导出前截断防卡顿，完成后调用revokeobjecturl释放内存。
点击按钮触发浏览器下载日志文本文件
HTML 本身不能生成或读取日志内容，但可以配合 JavaScript 把已有的日志字符串（比如来自 console.log 缓存、后端 API 返回、或前端收集的错误堆栈）转成文件并触发下载。核心是用 Blob + URL.createObjectURL + <a download></a>。
- 必须用
click()主动触发下载，仅设href不会生效（尤其在非用户手势上下文中） -
download属性只对同源 URL 生效；跨域资源即使能访问，也会被浏览器忽略download - 日志内容建议用
\n换行，避免用<br>或富文本——否则导出的是 HTML 源码，不是纯文本日志
用 JSON.stringify 或 console.groupCollapsed 日志做导出源
前端日志通常散落在 console 或自定义队列里。直接导出需先归集，不能依赖实时 console 输出（因为浏览器不提供读取接口）。
- 推荐在代码中用数组缓存日志：
const logEntries = []，每次console.log同时push一条带时间戳的对象 - 导出前用
logEntries.map(e => JSON.stringify(e)).join('\n')转成可读文本，比直接toString()更可靠 - 别试图用
console.log的原始参数重构成日志——console.log(1, 'a', {x:2})的参数类型和数量不可预测，容易漏字段
处理大日志文件时的内存与性能问题
导出几 MB 的日志可能卡住页面，尤其在低端设备上。Blob 构造和 URL 创建都是同步操作，会阻塞主线程。
- 超过 5MB 建议加提示：“日志较大，导出可能需要几秒”，避免用户误点多次
- 不要把整个日志字符串一次性传给
new Blob([text])；可分块构造再合并（但实际意义不大），更有效的是提前截断，比如只导出最近 1000 条：logEntries.slice(-1000) - 导出完成后记得调用
URL.revokeObjectURL(url)，否则内存不会释放，反复点击会累积 Blob URL
兼容性注意：IE 不支持 Blob + download 的组合
IE11 可用 msSaveBlob 替代，但仅限 IE；其他现代浏览器均支持标准方案。不需要 polyfill，但得写分支逻辑。
- 检测方式：
if ('msSaveBlob' in navigator)，成立则走 IE 分支 - IE 下不能用
<a download></a>，必须调用navigator.msSaveBlob(blob, 'log.txt') - 注意：Safari 在 iOS 上对
download属性支持不稳定，部分版本会忽略，此时降级为打开新 tab 显示文本（用data:text/plain;charset=utf-8,URL）
真正麻烦的不是怎么点一下就下载，而是日志从哪来、有多大、要不要过滤、是否包含敏感字段——这些都得在点击按钮之前想清楚。导出功能上线后，最容易被忽略的是没清理 URL.createObjectURL 生成的地址，跑几天内存就涨上去了。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
