console.groupCollapsed 适合初始化日志，默认收起以匹配执行结构、减少干扰；需立即配对 console.groupEnd()，动态注入环境与版本信息，并配合 console.time、console.table 提升组内可读性。
直接结论：用 console.groupCollapsed 折叠初始化日志，不是为了“藏起来”，而是让控制台结构匹配代码执行结构——点开即见上下文，省去滚动和心理建模成本。
为什么初始化日志必须默认收起，而不是用 console.group
初始化阶段的日志（如配置加载、依赖注入、路由注册）通常高频、成组、且多数时候无需关注细节。用 console.group 默认展开，会立刻刷屏，干扰后续调试；而 console.groupCollapsed 一上来就收着，只留一个带语义的标题，符合“问题驱动展开”的调试直觉。
常见错误现象：写完 console.group("Init") 后发现控制台多出一个空展开块，但里面没内容——因为 console.group 本身不输出，它只是标记作用域，真正日志得在组内手动调用 console.log 等才可见。
-
console.groupCollapsed适合初始化；console.group更适合临时分组或关键路径需默认可见的场景 - 标题字符串必须是有效字符串，传对象会变成
[object Object]，破坏可读性 - Safari 16.4+ 支持该 API，但有个隐藏限制：若组内首条是
console.error或console.warn，有时会强制展开，违背默认收起预期
如何确保 console.groupCollapsed 不漏闭合、不污染后续日志
漏掉 console.groupEnd() 是最常踩的坑，会导致后续所有日志缩进错位，甚至 Chrome 控制台显示 “Group collapsed” 灰字提示，但不报错，极难排查。
- 实操建议：敲完
console.groupCollapsed("xxx")后，立刻回车写console.groupEnd()，再往中间填逻辑——避免写到一半忘记补 - 异步初始化（如
await loadConfig()）必须把console.groupEnd()放在finally块里，否则 Promise 拒绝时组不会关闭 - 不要跨函数边界管理分组：不能在 A 函数里
groupCollapsed，在 B 函数里groupEnd，作用域不一致会导致行为不可控 - 嵌套层级建议 ≤3 层，Chrome 最多支持 10 层，但超过 3 层后折叠箭头缩进严重，反而降低可读性
怎样让折叠标题自带环境与版本信息，避免点开才发现“这不是我要查的那个环境”
硬编码标题如 "App init" 在多环境联调时毫无区分度。动态注入关键上下文，才是线上排查效率的关键。
- 推荐模板写法：
console.groupCollapsed(`[App] init [env=${import.meta.env.MODE}] [v${APP_VERSION}]`) - 避免直接拼接可能为
undefined的值，否则标题出现[env=undefined]；可用String(val ?? '')或可选链兜底 - 组名中不要放完整对象（如
config），既影响渲染性能，又容易触发[object Object] - 如果用 Webpack/Vite，
APP_VERSION可通过process.env.npm_package_version或 define 注入，确保构建时固化
配合 console.time 和语义化日志，让折叠组内信息自解释
光有折叠不够，点开后还得一眼知道发生了什么、耗了多久、是否出错——这需要组内日志本身有结构。
- 在
console.groupCollapsed内第一行调用console.time("load-config")，对应位置调用console.timeEnd("load-config")，时间结果随组一起折叠 - 用
console.table替代长console.log(JSON.stringify(obj))，尤其适合配置项、响应数据等结构化内容 - 组内首条建议用
console.log("–")占位，规避 Safari 对首条error的强制展开逻辑 - 错误仍应保留在组内，但别放在第一条；必要时可在
console.error前加零宽空格\u200b绕过 Safari 检测
真正难的不是调用 console.groupCollapsed，而是让每个折叠标题都像一句精准的提问：“这个模块在 v2.3.1 的 staging 环境下，初始化卡在哪一步？”——标题即线索，点开即答案，这才是线上排查效率跃升的核心。
