从节点查看WebStorm控制台中的对象

Question

WebStorm允许我将鼠标突出显示在代码中的对象上，并像这样检查它：

是否可以通过控制台以及Google Web工具的方式来做到这一点？

在控制台中，当我键入对象（ findObj ）时，得到的只是令人失望的输出：

Answer 1

要检查在调试器控制台中评估的对象/数组，您需要将鼠标悬停在结果上或单击Alt+Ctrl+F8 （ 快速评估表达式 ）。

要将结果表示为控制台中的树状视图，请投票给https://youtrack.jetbrains.com/issue/WEB-14856

Answer 2

您可以使用JSON.stringify ：

console.log(JSON.stringify(yourObject, null, 4 /*for a proper indentation*/));

或使用util模块的inspect方法：

const util = require('util');

console.log(util.inspect(util, { showHidden: true, depth: null }));