无聊写个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/
如您从本文得到了有价值的信息或帮助,请考虑扫描文末二维码捐赠和鼓励。
本站资源,请 注册城通账户 后,使用客户端下载,参考教程:城通网盘如何使用客户端下载文件。
如本文对您有用,捐赠和留言 将是对我最好的支持~(捐赠可转为站内积分)
如愿意,请向朋友推荐本站,谢谢。
尊重他人劳动成果。转载请务必附上原文链接,我将感激不尽。