可能性のある複製:
JavaScriptデータのフォーマット/プリティプリンター
FireBugでフォーマットされていないjson blobを見ることに少しうんざりしています。
JQuery用のPHPのprint_r()に相当するものを知っている人はいますか?
オブジェクトまたは配列から再帰的に表示文字列を作成し、迅速なデバッグのためにページに表示できるもの
ありがとう!
console.log
は、デバッグ時に最もよく使用するものです。
これを見つけることができました jQuery extension
しかし。
非常に簡単に reflection を使用して、すべてのプロパティ、メソッド、および値をリストできます。
Geckoベースのブラウザーの場合、.toSource()メソッドを使用できます。
var data = new Object();
data["firstname"] = "John";
data["lastname"] = "Smith";
data["age"] = 21;
alert(data.toSource()); //Will return "({firstname:"John", lastname:"Smith", age:21})"
しかし、Firebugを使用しているので、なぜconsole.logを使用しないのですか?
次のようなものはどうですか:
<script src='http://code.jquery.com/jquery-latest.js'></script>
function print_r(o){
return JSON.stringify(o,null,'\t').replace(/\n/g,'<br>').replace(/\t/g,' '); }
あなたもできる
console.log("a = %o, b = %o", a, b);
ここで、aとbはオブジェクトです。
と同等のjQueryプラグインを作成しました
<pre>
<?php echo print_r($data) ?>
</pre>
https://github.com/tomasvanrijsse/jQuery.dump からダウンロードできます
一番上のコメントにはFirebugのconsole.logドキュメントへのリンクが壊れているため、ここに Consoleに関するWiki記事へのリンク があります。私はそれを使い始め、PHPのprint_r()の代替として非常に満足しています。
また、Firebugでは、手動でログを記録しなくても、返されたJSONオブジェクトにアクセスできます。
このメソッドは、データを取得するためにさらに2、3回クリックしますが、実際のjavascriptに追加する必要はなく、Firebugでコンソールからフォーカスを移動しません(console.logを使用すると、firebugのDOMセクションへのリンクが作成されます) 、その後コンソールに戻るように強制する)。
私のお金のために、ログをいじるのではなく、検査したいときは特にクリックを2回クリックした方がいいでしょう。
$.each(myobject, function(key, element) {
alert('key: ' + key + '\n' + 'value: ' + element);
});
これは私のために仕事をします。 :)