Chrome 开发控制台中的自定义对象检查

Custom object inspection in Chrome development console

我想知道 — Chrome 开发工具是否支持诸如 Ruby inspect 或 Objective C description 之类的方法来打印一些有意义的字符串,而不仅仅是显示在控制台中浏览对象时的对象构造函数名称。

所以在那种情况下 - 而不是显示 "Crossing, Crossing, Crossing, ..." 它会为每个对象显示一些自定义字符串(由该对象的方法生成)。

ps。我知道有一个 console.table 方法可以产生一些不错的输出,但如果有一个更通用的对象格式仍然会很好。

您要查找的功能名称是自定义格式化程序

基本上你必须启用 Chrome 中的功能,并在你的脚本启动过程中,将你的格式化程序写入神奇的全局变量 window.devtoolsFormatters

官方文档:

https://docs.google.com/document/d/1FTascZXT9cxfetuPRT2eXPQKXui4nWFivUnS_335T3U/preview