console.table不支持直接渲染多层嵌套对象，需预处理数据：扁平化提取关键字段、升维命名嵌套属性、数组转字符串聚合，并可配合console.group兼顾视图与原始结构。

console.table 本身不支持直接渲染“多层嵌套对象”的深层结构（比如对象里再嵌套对象或数组），它只会显示第一层属性，深层值统一显示为 [object Object] 或 [Array]。但你可以通过预处理数据，把多层业务对象“扁平化”或“提取关键路径”，让 console.table 发挥最大可视化价值。

只展示你真正关心的字段（推荐）

业务对象常含大量元数据（如 __proto__、createdAt、metadata），这些会干扰阅读。用 map 提前提取核心字段，生成一个精简数组：

• 例如有用户列表：users = [{ id: 1, name: '张三', profile: { age: 28, city: '上海' } }, ...]
• 执行：

  console.table(users.map(u => ({ 
    id: u.id, 
    name: u.name, 
    age: u.profile?.age, 
    city: u.profile?.city 
  })))

• 结果：表格清晰呈现 id、name、age、city 四列，无嵌套干扰

用计算属性展开嵌套层级

当需保留部分嵌套语义（如区分“收货地址”和“发票地址”），可将嵌套对象的字段手动“升维”命名：

• console.table(orders.map(o => ({ 
      orderId: o.id,
      buyerName: o.buyer?.name,
      shipAddr: o.shipping?.address,
      shipZip: o.shipping?.zip,
      invoiceTaxId: o.invoice?.taxId
    })))

• 这样每列含义明确，且所有值都是基础类型（string/number），console.table 可正常排序、筛选

对数组类字段做字符串聚合（避免显示 [Array]）

若对象含标签、权限等数组字段，直接输出会显示 [Array] —— 改用 .join(', ') 或 .length 呈现有效信息：

page-agent 浏览器控制（CDP）

使用 page-agent CLI（CDP）控制浏览器；CLI只能通过 GitHub Release 的 .tgz 安装，npm 官方包暂未发布。

下载

• roles: user.roles?.map(r => r.name).join(' | ') || '-'
• tagsCount: user.tags?.length || 0
• 既保留信息量，又维持表格整洁性

小技巧：配合 console.group 折叠原始数据

想兼顾表格直观性和原始结构完整性？先用 console.table 展示加工后视图，再用 console.group 折叠查看原对象：

console.table(flattenedData);
console.group('原始数据（点击展开）');
console.log(originalData);
console.groupEnd();

这样调试时既能快速扫读关键指标，又能随时下钻查细节。