用 html、css 和 javascript 创建可折叠展开的 json 可视化
通过利用 html 的可操作性、css 的样式和 javascript 的事件处理，可以构建一个交互式的 json 可视化，用户可以折叠和展开内容。以下示例演示了如何实现此功能：
html 模板：
... （略）
css 样式：
立即学习“Java免费学习笔记（深入）”；
.json-view { font-family:consolas, monospace; }
/* ...其它样式（略） */javascript 代码：
使用HTML,CSS,JavaScript开发Android应用程序 英文文字pdf版附源文件
下载
如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更
function json_view(dombase, domtpl, key, json) {
let mapview = {
// ... （略）
};
let type = typeof(json);
if (type === 'object') {
if (json === null) type = 'null';
else if (array.isarray(json) === true) type = 'array';
}
if (!(type in mapview)) {
throw 'invalid type ['+type+']';
}
mapview[type](dombase, domtpl, key, json);
}
/* ...其它代码（略） */工作原理：
该代码通过递归的方式遍历 json 对象，并根据不同类型（null、number、string、array、object）动态创建 html 元素。每个 html 元素都包含一个可折叠/展开的按钮，用户可以单击该按钮以显示/隐藏子内容。
用法：
要使用此可视化，您需要提供一个 json 对象作为输入。然后，调用 json_view(dombase, domtpl, null, json) 函数即可生成并显示可视化内容。
示例：
