在Chrome的控制台上打印漂亮吗？

Question

有没有办法覆盖Chrome控制台用于JavaScript对象的漂亮字体？ 我正在考虑如何HTML元素显示如下：

它没有显示标准的{} ，而是显示了用于创建该对象的XML标记。 我可以用自己的对象达到类似的目的吗？

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

Answer 1

使用DevTools API以所需的任何所需可用格式进行打印。

console.dirxml(object);

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

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