javascript - Firefox 控制台中的对象 'unavailable'

Question

我有一些带有 class='class_name' 的 div，并且还声明了

var A = document.getElementsByClassName('class_name');
console.log(A[0]);

Chrome 控制台显示:

<div class="class_name"> div 1 </div>

Firefox 控制台显示:

<unavailable>

问题是什么或者可能的原因是什么？

Answer 1

目前有四种解决方案:

1. 使用 console.log(JSON.stringify(variable, null, 4)) 代替 console.info(variable)。这具有捕获由任何类型的内存管理错误引起的错误的额外优势，但它可能会在插入父/子元素时导致实际元素的循环冗余。我的原始解决方案。

2. 使用 Firefox Web 控制台(control+shift+K，或 Tools->Web Developer->Web Console)而不是标准的 Firefox 浏览器控制台( control+shift+J，或工具->Web 开发人员->浏览器控制台)。 感谢 Panos Astithas 提供此信息!

3. 在 FF 配置中禁用 e10s。转到 about:config 作为 Firefox 中的地址，并将 browser.tabs.remote.autostart 或 loop.remote.autostart 设置为 false。 感谢 Janekptacijarabaci 提供此信息!

4. 还原您的 FireFox Quantum 版本。我卸载了 Firefox 57 和 59(“Firefox Quantum”)，然后安装了 Firefox 56.0.2 版。这为我解决了问题。在这里获取:https://ftp.mozilla.org/pub/firefox/releases/56.0.2/我的原始解决方案。

Firefox 开发单:https://bugzilla.mozilla.org/show_bug.cgi?id=1136995

更新:问题仍然存在于 Firefox v. 59.0.2 和 v. 59.0.3。