blocks|key|355611|text|console.log是我在调试时最常用的。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|355612|不过，我还是找到了这个jQuery+extension。|355613|entityMap|0|LINK|mutability|MUTABLE|url|http://getfirebug.com/wiki/index.php/Console_API#console.log.28object.5B.2C_object.2C_....5D.29|1|http://plugins.jquery.com/taxonomy/term/471^0|0|B|0|B|0|0|B|G|B|G|1|0^^$0|@$1|2|3|4|5|6|7|R|8|@$9|S|A|T|B|C]]|D|@$9|U|A|V|1|W]]|E|$]]|$1|F|3|G|5|6|7|X|8|@$9|Y|A|Z|B|C]]|D|@$9|10|A|11|1|12]]|E|$]]|$1|H|3|-4|5|6|7|13|8|@]|D|@]|E|$]]]|I|$J|$5|K|L|M|E|$N|O]]|P|$5|K|L|M|E|$N|Q]]]]

<a href="http://getfirebug.com/wiki/index.php/Console_API#console.log.28object.5B.2C_object.2C_....5D.29" rel="noreferrer"><code>console.log</code></a> is what I most often use when debugging.

I was able to find this <a href="http://plugins.jquery.com/taxonomy/term/471" rel="noreferrer"><code>jQuery extension</code></a> though.

blocks|key|353042|text|您可以非常轻松地使用reflection来列出所有属性、方法和值。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|353043|对于基于Gecko的浏览器，您可以使用.toSource()方法：|353044|var+data+=+new+Object();
data["firstname"]+=+"John";
data["lastname"]+=+"Smith";
data["age"]+=+21;

alert(data.toSource());+//Will+return+"({firstname:"John",+lastname:"Smith",+age:21})"|code-block|syntax|javascript|353045|但是既然你使用了Firebug，为什么不直接使用console.log呢？|353046|entityMap|0|LINK|mutability|MUTABLE|url|http://pietschsoft.com/post/2008/02/Simple-JavaScript-Object-Reflection-API-(NET-Style).aspx^0|A|A|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@$A|V|B|W|1|X]]|C|$]]|$1|D|3|E|5|6|7|Y|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|Z|8|@]|9|@]|C|$I|J]]|$1|K|3|L|5|6|7|10|8|@]|9|@]|C|$]]|$1|M|3|-4|5|6|7|11|8|@]|9|@]|C|$]]]|N|$O|$5|P|Q|R|C|$S|T]]]]

You could use very easily <a href="http://pietschsoft.com/post/2008/02/Simple-JavaScript-Object-Reflection-API-(NET-Style).aspx" rel="noreferrer">reflection</a> to list all properties, methods and values.

For Gecko based browsers you can use the .toSource() method:

<pre><code>var data = new Object();
data["firstname"] = "John";
data["lastname"] = "Smith";
data["age"] = 21;

alert(data.toSource()); //Will return "({firstname:"John", lastname:"Smith", age:21})"
</code></pre>

But since you use Firebug, why not just use console.log?

blocks|key|350494|text|你也可以这样做|type|unstyled|depth|inlineStyleRanges|entityRanges|data|350495|console.log("a+=+%25o,+b+=+%25o",+a,+b);|code-block|syntax|javascript|350496|其中a和b是对象。|350497|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

You can also do

<pre><code>console.log("a = %o, b = %o", a, b);
</code></pre>

where a and b are objects.

blocks|key|3346538|text|Top+comment有一个断开的指向Firebug的console.log文档的链接，所以这里是a+link+to+the+wiki+article+about+Console。我开始使用它，并且对它作为PHP的print_r()的替代品感到非常满意。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|3346539|同样值得注意的是，Firebug允许您访问返回的JSON对象，即使您不需要手动记录它们：|3346540|在控制台中你可以看到AJAX的url+response.|3346541|Click+|unordered-list-item|3346542|三角形来展开响应并查看详细信息。|3346543|点击详细信息中的JSON选项卡。|3346544|你会看到用扩展三角形组织的响应数据。|3346545|3346546|3346547|这个方法需要再点击几次才能获得数据，但不需要在实际的javascript中添加任何内容，也不会将您在firebug中的关注点从控制台转移出来(使用console.log创建一个指向Firebug的DOM部分的链接，迫使您在之后单击返回控制台)。|3346548|对于我的钱，当我想要检查而不是在日志上乱搞时，我宁愿多点击几次，特别是因为通过不添加任何额外的麻烦来保持控制台的整洁。|3346549|entityMap|0|LINK|mutability|MUTABLE|url|http://getfirebug.com/wiki/index.php/Console_API#console.log.28object.5B.2C_object.2C_....5D.29^0|1D|14|0|0|0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|14|8|@]|9|@$A|15|B|16|1|17]]|C|$]]|$1|D|3|E|5|6|7|18|8|@]|9|@]|C|$]]|$1|F|3|G|5|6|7|19|8|@]|9|@]|C|$]]|$1|H|3|I|5|J|7|1A|8|@]|9|@]|C|$]]|$1|K|3|L|5|J|7|1B|8|@]|9|@]|C|$]]|$1|M|3|N|5|J|7|1C|8|@]|9|@]|C|$]]|$1|O|3|P|5|J|7|1D|8|@]|9|@]|C|$]]|$1|Q|3|-4|5|6|7|1E|8|@]|9|@]|C|$]]|$1|R|3|-4|5|6|7|1F|8|@]|9|@]|C|$]]|$1|S|3|T|5|6|7|1G|8|@]|9|@]|C|$]]|$1|U|3|V|5|6|7|1H|8|@]|9|@]|C|$]]|$1|W|3|-4|5|6|7|1I|8|@]|9|@]|C|$]]]|X|$Y|$5|Z|10|11|C|$12|13]]]]

Top comment has a broken link to the console.log documentation for Firebug, so here is <a href="http://getfirebug.com/wiki/index.php/Console_API#console.log.28object.5B.2C_object.2C_....5D.29" rel="noreferrer">a link to the wiki article about Console</a>. I started using it and am quite satisfied with it as an alternative to PHP's print_r(). 

Also of note is that Firebug gives you access to returned JSON objects even without you manually logging them:

<ul>
<li>In the console you can see the url of
the AJAX response.</li>
<li>Click the triangle to expand the response and see details.</li>
<li>Click the JSON tab in the details.</li>
<li>You will see the response data organized with expansion triangles. </li>
</ul>

This method take a couple more clicks to get at the data but doesn't require any additions in your actual javascript and doesn't shift your focus in Firebug out of the console (using console.log creates a link to the DOM section of firebug, forcing you to click back to console after). 

For my money I'd rather click a couple more times when I want to inspect rather than mess around with the log, especially since keeps the console neat by not adding any additional cruft.

blocks|key|350526|text|不如这样吧：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|350527|<script+src='http://code.jquery.com/jquery-latest.js'></script>

function+print_r(o){
return+JSON.stringify(o,null,'\t').replace(/\n/g,' ').replace(/\t/g,'&nbsp;&nbsp;&nbsp;');+}|code-block|syntax|javascript|350528|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

How about something like:

<pre><code>&lt;script src='http://code.jquery.com/jquery-latest.js'&gt;&lt;/script&gt;

function print_r(o){
return JSON.stringify(o,null,'\t').replace(/\n/g,'&lt;br&gt;').replace(/\t/g,'&amp;nbsp;&amp;nbsp;&amp;nbsp;'); }
</code></pre>

blocks|key|353107|text|我做了一个jQuery插件，相当于|type|unstyled|depth|inlineStyleRanges|entityRanges|data|353108|<pre>
<?php+echo+print_r($data)+?>
</pre>|code-block|syntax|javascript|353109|你可以从https://github.com/tomasvanrijsse/jQuery.dump下载|offset|length|353110|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/tomasvanrijsse/jQuery.dump^0|0|0|4|19|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@$I|V|J|W|1|X]]|A|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]]]

I've made a jQuery plugin for the equivalent of

<pre><code>&lt;pre&gt;
&lt;?php echo print_r($data) ?&gt;
&lt;/pre&gt;
</code></pre>

You can download it at <a href="https://github.com/tomasvanrijsse/jQuery.dump" rel="nofollow">https://github.com/tomasvanrijsse/jQuery.dump</a>

blocks|key|3133598|text|看看这个:对于print_r，使用http://phpjs.org/functions/index和find，或者使用带有firebug的console.log()。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|3133599|entityMap|0|LINK|mutability|MUTABLE|url|http://phpjs.org/functions/index^0|H|W|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

Look at this: <a href="http://phpjs.org/functions/index" rel="nofollow">http://phpjs.org/functions/index</a> and find for print_r or use console.log() with firebug.

blocks|key|3133612|text|$.each(myobject,+function(key,+element)+{
++++alert('key:+'+%2B+key+%2B+'\n'+%2B+'value:+'+%2B+element);
});|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|3133613|这就是我的工作。:)|unstyled|3133614|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|J|8|@]|9|@]|A|$]]|$1|G|3|-4|5|F|7|K|8|@]|9|@]|A|$]]]|H|$]]

<pre><code>$.each(myobject, function(key, element) {
 alert('key: ' + key + '\n' + 'value: ' + element);
});
</code></pre>

This does the work for me. :)

<blockquote>
 Possible Duplicate: 
 <a href="https://stackoverflow.com/questions/130404/javascript-data-formatting-pretty-printer">JavaScript data formatting/pretty printer</a> 
</blockquote>



I am getting a bit tired of looking at unformatted json blobs in FireBug. 

Does anyone know an equivalent to PHP's print_r() for jQuery?

Something that would recursively make a display string from an object or array, that I could display on the page for quick debugging?

Thanks!

jQuery: print_r() display equivalent?

jQuery

JSON

 可能重复：我对在FireBug中查看未格式化的json blobs感到有点厌倦。有没有人知道jQuery的PHP的print_r()的等价物？可以递归地从对象或数组生成显示字符串，以便在页面上显示以便快速调试？谢谢!

问jQuery: print_r()显示等效项？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jQuery: print_r()显示等效项？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jQuery: print_r()显示等效项？
EN