不同的“可点击”日志项目在Chorome Dev工具控制台

问题描述

当I console.log 在Chrome开发工具中的javascript对象或数组时，我得到一个漂亮和可点击的向下钻取树表示，我可以检查各种值，键和值与所有语法高亮，（i）图标， .length 显示等。

有一些扩展API b
$ b

编辑：我知道我可以在 console.log 中通过％c 等，但这只是我想做的一小部分。

到目前为止，我没有成功的谷歌。如果你知道在哪里是正确的Chrome扩展API编写，你能指点我正确的方向吗？

解决方案

没有用于自定义控制台输出的当前扩展API。 跟踪该项目。如果你想研究如何处理实现，那么该团队可以为此打补丁。

When I console.log a javascript object or array in Chrome Dev Tools I get a nice and clickable "drilldown" tree representation where I can inspect the various values, their keys and values with all the syntax highlighting, (i) icon, .length shown etc.

Is there some extension API for doing/changing this behaviour so it is different for some other classes/instances? My idea was to format Clojure data structures so one can inspect them the same way.

EDIT: I know I can do a simple formatting in console.log via %c etc., but that is only a tiny fraction of what I want to do.

So far I wasn't successful with googling. If you know where is the correct Chrome extension API written, can you please point me to the right direction?

解决方案

There are no current extension APIs for customizing console output. https://code.google.com/p/chromium/issues/detail?id=142783 tracks that item. The team is open to a patch for this, if you'd like to look into tackling the implementation.

这篇关于不同的“可点击”日志项目在Chorome Dev工具控制台的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！