在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)打印等许多其他API。但是您无法创建自己的模板，必须使用Dev-Tools提供的console.API。