对于语法高亮显示，使用代码修饰。我相信这就是StackOverflow用来突出显示代码的方法。

将格式化的JSON包装在代码块中，并赋予它们“prettyprint”类。 在你的页面中包含pretty .js。 确保文档的主体标记在加载时调用prettyPrint()

您将看到以页面中布局的格式突出显示的JSON语法。请看这里的例子。如果你有一个这样的代码块:

<code class="prettyprint">
    var jsonObj = {
        "height" : 6.2,
        "width" : 7.3,
        "length" : 9.1,
        "color" : {
            "r" : 255,
            "g" : 200,
            "b" : 10
        }
    }
</code>

它看起来是这样的:

var jsonObj = {
    "height" : 6.2,
    "width" : 7.3,
    "length" : 9.1,
    "color" : {
        "r" : 255,
        "g" : 200,
        "b" : 10
    }
}

这对缩进没有帮助，但其他答案似乎解决了这个问题。

下面是一个javasript工具，可以将JSON转换为XML，反之亦然，这应该会增强它的可读性。然后，您可以创建一个样式表来给它上色，或者将其完全转换为HTML。

http://www.xml.com/pub/a/2006/05/31/converting-between-xml-and-json.html

对于语法高亮显示，使用代码修饰。我相信这就是StackOverflow用来突出显示代码的方法。

将格式化的JSON包装在代码块中，并赋予它们“prettyprint”类。 在你的页面中包含pretty .js。 确保文档的主体标记在加载时调用prettyPrint()

您将看到以页面中布局的格式突出显示的JSON语法。请看这里的例子。如果你有一个这样的代码块:

<code class="prettyprint">
    var jsonObj = {
        "height" : 6.2,
        "width" : 7.3,
        "length" : 9.1,
        "color" : {
            "r" : 255,
            "g" : 200,
            "b" : 10
        }
    }
</code>

它看起来是这样的:

var jsonObj = {
    "height" : 6.2,
    "width" : 7.3,
    "length" : 9.1,
    "color" : {
        "r" : 255,
        "g" : 200,
        "b" : 10
    }
}

这对缩进没有帮助，但其他答案似乎解决了这个问题。

SyntaxHighlighter是一个用JavaScript开发的功能齐全的自包含代码语法高亮显示工具。要了解SyntaxHighlighter的功能，请查看演示页面。

可以使用JSON2HTML将其转换为格式化的HTML列表..可能比你真正需要的更强大一点

http://json2html.com

首先获取JSON字符串并从中生成真正的对象。循环遍历对象的所有属性，将项放置在无序列表中。每次你得到一个新对象，就创建一个新列表。