Firebug を使用せずに Javascript でオブジェクトのプロパティを表示するにはどうすればよいですか?

オブジェクトのプロパティの調査: Javascript の var_dump() に相当

オブジェクトのプロパティとメソッドについての洞察を得るには、開発者は多くの場合、 PHP の var_dump() に似た堅牢なツール。 Javascript では、Firebug、Chrome、Safari は、包括的なインターフェイスを備えた組み込みの開発者コンソールを提供します。ただし、他のブラウザを使用している人にとっては、Firebug Lite が解決策を提供します。

Firebug にアクセスできない人は、カスタム スクリプトでその機能の一部を複製できます。

function dump(obj) {
    var out = '';
    for (var i in obj) {
        out += i + ": " + obj[i] + "\n";
    }

    // Display using alerts
    alert(out);

    // Or use an HTML pre element for a more convenient view
    var pre = document.createElement('pre');
    pre.innerHTML = out;
    document.body.appendChild(pre)
}

アラートが表示されるように見えるかもしれませんが、便利ですが、多数のプロパティを持つオブジェクトでは過剰なクリックが発生する可能性があることに注意することが重要です。代わりに、オブジェクトのプロパティをより包括的かつ構造的に表示できる HTML pre 要素の利用を検討してください。

以上がFirebug を使用せずに Javascript でオブジェクトのプロパティを表示するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。