web-dev-qa-db-ja.com

Firefoxコンソールでオブジェクト「使用不可」

class='class_name'のdivがいくつかあり、宣言しました

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

Chromeコンソールの表示：

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

Firefoxコンソールには次のように表示されます。

<unavailable>

問題は何ですか、それ以外の場合に考えられる原因は何ですか？

javascripthtmlfirefoxgetelementsbyclassname
12
br00x

現在、4つの解決策があります。

  1. console.log(JSON.stringify(variable, null, 4))の代わりにconsole.info(variable)を使用します。これには、任意のタイプのメモリ管理バグによって引き起こされるエラーをキャッチするという追加の利点がありますが、親/子要素を補間するときに実際の要素に巡回冗長が発生する可能性があります。私によるオリジナルの解決策。

  2. 標準のFirefoxブラウザコンソール（control+shift+K、またはTools->Web Developer->Web Console）の代わりに、Firefox Webコンソール（control+shift+J、またはTools->Web Developer->Browser Console）を使用します。 この情報を提供してくれたPanos Astithasに感謝します！

  3. FF構成でe10を無効にします。 Firefox内のアドレスとしてabout:configに移動し、browser.tabs.remote.autostartまたはloop.remote.autostartをfalseに設定します。 この情報を提供してくれたJanekptacijarabaciに感謝します！

  4. FireFoxQuantumのバージョンを元に戻します。 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

UPDATE：Firefoxv。59.0.2およびv。59.0.3で問題が解決しない。

6
HoldOffHunger

2つの可能な回避策：

1）「Webコンソール」を使用します。
（ "Browser-Console"の代わりに） "Web-Console"は、期待される出力を示しています。

2）「e10s」マルチプロセッササポートを無効にします。

- about:config
- browser.tabs.remote.autostart = False

E10sが無効になっている場合、ブラウザコンソールに期待される出力が表示されます。

要約（2018年2月1日）：

この問題はFF64.0でも引き続き発生します。
一般に、オブジェクトはブラウザコンソールで「使用不可」として表示されます。

複製するには（e10sが有効）：

<html><head>
    <script type="text/javascript">
        console.log( 'test' );
        console.log( 123 );
        console.log( [ 1, 2, 3 ] );
        console.log( { x: 'x' } );
        console.log( document.getElementById('myDiv') );
        window.onload = function() {
            console.log( document.getElementById('myDiv') );
        };
    </script>
</head><body>
    <div id="myDiv"></div>
</body></html>

ブラウザコンソールでの出力（間違った出力）：

test
123
<unavailable>
<unavailable>
null
<unavailable>

Webコンソールでの出力（予想どおり）：

test
123
Array(3) [ 1, 2, 3 ]
Object { x: "x" }
null
<div id="myDiv">

参照： https://bugzilla.mozilla.org/show_bug.cgi?id=1136995

6
kicia