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

Dmi*_*nko 6 javascript google-chrome google-chrome-devtools

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

澄清截图 因此,在这种情况下 - 它不会显示"交叉,交叉,交叉......"而是显示每个对象的一些自定义字符串(由该对象的方法生成).

PS.我知道有一种console.table方法可以产生一些不错的输出,但是拥有更通用的对象格式仍然会很好.

Sys*_*ank 2

您正在寻找的功能的名称是自定义格式化程序

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

官方文档:

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