javascript - 自定义 firefox console.log(针对我自己的原型(prototype))

Question

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

^{参见 this question血淋淋的细节。如果有兴趣，请查看提交 880419d370d749在 github 上然后构建它，运行 ./monimelt -Dweb,run -W localhost.localdomain:8086/ 并打开 http://localhost.localdomain:8086/canvedit.html在你的 Firefox 中。 FWIW 我现在正在尝试使用 Canvas 。相关代码可能在我的 webroot/canvasedit.js 中，但我还不知道在那里编写什么代码...}

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

假设我有一个原型(prototype)

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 开发的，如果你已经看到了，我很抱歉，但我偶然发现了这个:

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

似乎可以满足您的需求。