如何在浏览器 Console 中直接格式化 JSON 并复制？
2024-06-21
Network 面板能看响应，但有时对象已经在内存里——Console 里打一行命令，比导出 HAR 再打开工具快。关键是会 copy 出合法、可粘贴的 JSON 文本。
copy() 与 stringify
Chrome：copy(obj) 把对象转成 JSON 字符串放进剪贴板（需 DevTools 上下文）。
通用：copy(JSON.stringify(obj, null, 2)) 得到带缩进的文本。
// 在 Console 执行
copy(JSON.stringify(responseData, null, 2));console.table 看数组
对象数组用 console.table(list) 表格预览；嵌套过深仍建议 stringify 或粘贴到在线工具格式化后阅读。
Network 面板复制
Response → Copy response；已是文本。Preview 树右键有时可 Copy object。
大响应浏览器可能截断；超大 body 用 curl 或保存文件再处理。
注意循环引用
Console 展示的对象可能含 DOM 循环引用，stringify 会失败。
只 copy 纯数据子集：copy(JSON.stringify({ a: obj.a, b: obj.b }))。
和在线工具配合
Console 快速拷贝 → 粘贴本站 → 校验、压缩、下载 fixture。
含敏感字段时本地工具不上传，比粘贴到公共格式化网站更安全。