web工具 - web工具技术,学习,经验文章

Ming_studying

2 小时前

HTML + CSS + JavaScript实现可视化JSON工具：格式化、折叠、搜索与错误定位调试接口时，最让人难受的往往不是 JSON 太复杂，而是它挤在一行、没有缩进、错误位置又说不清楚。这篇文章用一个单文件网页解决这个问题：把 JSON 粘贴进去，点击格式化后就能看到可折叠的树形结构；输入关键词可以筛选节点；JSON 不合法时，页面会给出解析错误，并在浏览器提供字符位置时展示原文附近的片段。整个项目不依赖 Node.js、npm 或第三方库，保存一个 index.html 就能运行。