Chrome Dev Tools控制台中的“可点击”日志项目不同

时间:2013-08-12 02:45:31

标签: console formatting google-chrome-devtools

当我在Chrome开发工具中console.log一个javascript对象或数组时,我得到了一个漂亮且可点击的“向下钻取”树表示,我可以在其中检查各种值,它们的键和值以及所有语法高亮显示,(i )图标,.length显示等。

enter image description here

是否有一些扩展API用于执行/更改此行为,因此对于其他一些类/实例是不同的? 我的想法是格式化Clojure数据结构,以便可以检查它们方式。

编辑:我知道我可以通过console.log等在%c进行简单的格式化,但这只是我想做的事情的一小部分。

到目前为止,我没有使用谷歌搜索成功。如果您知道正确的Chrome扩展程序API编写在哪里,请指点我正确的方向?

2 个答案:

答案 0 :(得分:0)

你可以做的是覆盖console.log,当你感兴趣的对象被打印出来时,使用自己的功能进行打印。要实现与默认对象输出类似的功能,您应该使用console.group和控制台文本格式(如下所示)。

console text formatting console grouping

See the official docs for more tips on using the Console.

答案 1 :(得分:0)

目前没有用于自定义控制台输出的扩展API。 https://code.google.com/p/chromium/issues/detail?id=142783跟踪该项目。如果你想研究解决方案,那么团队可以接受这个补丁。