Chrome 控制台中的漂亮打印？

Question

有没有办法覆盖 Chrome 的控制台用于 JavaScript 对象的漂亮打印？我在想 HTML 元素是如何显示的：

它显示的不是标准 {}，而是用于创建该对象的 XML 标记。我可以用我自己的对象实现类似的东西吗？

澄清：我对以我自己的格式打印对象感兴趣，而不是 XML 格式。例如，我希望将值为 3 的 Foo 实例记录为 Foo(3)

Answer 1

使用 DevTools APIs 以您需要的任何可用格式打印。

console.dirxml(object);

我认为如果传递的参数是一个 DOM 对象，console.log 内部会使用这个 api。

上述方法以 XML 格式打印对象，还有许多其他 API，如以目录格式打印 console.dir(object) 等。但是你不能创建自己的模板，你必须使用Dev-Tools提供的console.APIs。