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 的可扩展表示。