Question

对我来说，漂亮的打印JSON是一个足够简单的任务，JavaScript应该能够处理它。有没有人编写（或运行）JavaScript函数来执行此操作？

Answer 1

执行此操作的简单方法是执行：

JSON.stringify(data, null, "  ");

其中数据是您要打印的json对象。

并非每个浏览器都包含JSON。您可以包含Douglas Crockford的json.js，如果浏览器本身不支持它，则添加全局JSON对象。

Answer 2

看看vkbeautify.js插件

http://www.eslinstructor.net/vkbeautify/

它为JSON和XML文本提供了漂亮的打印。

用简单的javascript编写，小而快。

Answer 3

JavaScript data formatting/pretty printer

Answer 4

我最终做的是为Mozilla安装JSONView插件。不完美，但它完成了我所需要的工作。

Answer 5

我在浏览器上使用此bookmarklet代码使JSON段可读

javascript:(function(){document.body.firstChild.innerHTML = JSON.stringify(JSON.parse(document.body.firstChild.innerHTML), null, 4);})();

添加书签很简单 - 右键单击书签栏 - 添加/新建 - 提供名称并在网址/位置框中粘贴js

由于当前浏览器将json响应放在<pre>标记内，我使用body.firstChild

Answer 6

你可以尝试一下它会添加一些不错的CSS。

<pre style="font-family: Courier;background: #f4f4f4;border: solid 1px #e1e1e1;float: left;width: auto;">
    JSON.stringify(data, null,' ').replace('[', '').replace(']', '')
</pre>

Answer 7

如果您想要自己（调试目的），可以使用Greasemonkey： http://misc.slowchop.com/misc/wiki/HumanReadableJSONGreasemonkey

如果您想要用户的输出： http://jsonformatter.curiousconcept.com/

有没有办法在使用JavaScript的网页中打印JSON？

7 个答案: