无聊写个API的静态测试页,jsonp取数据以后,要对json做格式化高亮,找了下,找到个适合的插件可以实现效果,相关信息如下:

1.插件下载:
pretty-print-json-master.zip

2.核心文件是压缩包里dist目录下的一个css一个js。

3.使用示例:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Json美化格式化测试</title>
<link rel=stylesheet href=https://cdn.jsdelivr.net/npm/pretty-print-json@0.1/dist/pretty-print-json.css>
<script src="https://code.jquery.com/jquery-1.11.3.js"></script>
<script src="https://cdn.jsdelivr.net/npm/pretty-print-json@0.1/dist/pretty-print-json.js"></script>
</head>
<body>
<pre id="account"></pre>
<script type="text/javascript">
const data = { active: true, codes: [48348, 28923, 39080], city: 'London' };
$('#account').html(prettyPrintJson.toHtml(data));
</script>
</body>
</html>

插件Github:https://github.com/center-key/pretty-print-json/

Related Posts: jQuery Json美化高亮插件 :

avatar