在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。