如何使用 %o 和 %O 使 Firefox 的控制台输出不同的 dom 节点，就像 Chrome 一样？
How to make the console of Firefox output a dom node differently by using %o and %O , just like how Chrome does?
下面是一个例子（使用Chrome）
// Output an expandable DOM node
console.log('%o',document.body.firstElementChild);
// Output a dom object, which is equivalent to console.dir(document.body.firstElementChild)
console.log('%O',document.body.firstElementChild);
主要浏览器也支持 %O。根据规范，它与 %o 非常相似。
%O
具有通用 JavaScript 对象格式的对象是通用 JavaScript 对象的潜在可扩展表示。
%o
具有最佳有用格式的对象是被判断为最有用和信息最多的对象的特定于实现的、潜在交互的表示。
下面是一个例子（使用Chrome）
// Output an expandable DOM node
console.log('%o',document.body.firstElementChild);
// Output a dom object, which is equivalent to console.dir(document.body.firstElementChild)
console.log('%O',document.body.firstElementChild);
主要浏览器也支持 %O。根据规范，它与 %o 非常相似。
%O 具有通用 JavaScript 对象格式的对象是通用 JavaScript 对象的潜在可扩展表示。
%o 具有最佳有用格式的对象是被判断为最有用和信息最多的对象的特定于实现的、潜在交互的表示。