自定义firefox console.log（用于我自己的原型）

Question

我编写了一个（自由软件）应用程序（在GNU / Linux / Debian / x86-64上的MELT监视器），它嵌入了特定的Web服务器。

^{有关血腥的详细信息，请参阅this question。如果有兴趣，请在github上查看commit 880419d370d749然后构建它，在Firefox中运行./monimelt -Dweb,run -W localhost.localdomain:8086/并打开http://localhost.localdomain:8086/canvedit.html。 FWIW我现在正试图使用​​画布。相关代码可能会出现在我的webroot/canvasedit.js中，但我还不知道该在那里编码...}

Firefox是版本38或42.我不了解ConsoleAPI.js的所有细节，这可能与我的问题非常相关。

假设我有一个原型

var fooproto = {
  // perhaps adding a toString function is enough here?
  // I want to show num & sons
};

然后我用它做了一些对象：

var foo1 = Object();
foo1.num = 11;
foo1.__proto__ = fooproto;

var foo2 = Object();
foo2.num = 37;
foo2.sons = [foo1];
foo2.__proto__ = fooproto;

我想

console.log("foo2=", foo2);

在控制台上显示类似foo2= Foo＃37 [Foo＃11] 的内容（如果可能，请使用斜体）

有没有办法改变fooproto以使其发挥作用？我想存在一些机制，因为console.log正在显示很好的DOM对象。

^{这可能是一次常见问题解答，但是几分钟后我找不到合适的搜索关键字。我不知道使用什么术语}

Answer 1

如果您已经看过这篇文章，我不会为Firefox开发并道歉，但我偶然发现了这一点：

MDN上的
• Custom output in the Web Console，特别是console API

似乎可以满足您的需求。