Chrome中的JavaScript调试 - toString不能满足我的需求

Question

正如答案in this question建议的那样，您可以覆盖对象上的toString()方法，以便在调试期间（至少）提供有用的信息。这在Firebug中运行良好，但这在Chrome中根本没用：

x = { toString: function () { return 'test' } }

给出了非常有用的输出：

Object

而在Firebug中它更好：

test { toString=function()}

我知道Chrome允许我检查对象属性。这很有用，但是让对象标题列表至少包含几个最重要的列表要容易得多，这样您就不必挖掘复杂对象的50个属性就可以找到一个值。

那么，在某种程度上可以使Chrome中的调试输出更有用吗？

修改：

这就是我想要实现的目标：

v  [result of ???() on x]
    a: 1
    b: 'foo'
  v c: [result of ???() on x.c]
      foo: 'bla bla bla'
    > bar: [result of ???() on x.c.bar]

Answer 1

你可以这样使用它：

console.log(x.toString(), x)

它将在同一行中为您提供x.toString()的结果和x的可扩展表示。