优雅的json格式化查看工具（附html完整代码）

缘由

网上的在线json格式化有很多，但我是个有追求的人。在线的很难同时支持折叠、有缩进线、代码高亮、离线的，方便部署的、易用的、不请求后端（为了安全）的json格式化工具。
去Github上找项目，华而不实的东西占半个屏幕，格式化json要点好几下，一个json格式化工具npm安装之后几百个文件。或者npm报错跟本跑不起来。
三个字：没眼看。
于是自己写了一个。
展示

• Github地址：https://github.com/song1024/json-format-viewer
  
• 就一个html，把json粘贴进去之后自动格式化，且符合标题所有优质特点。
  
• 
  
  

优雅之处

• 易用：这一个纯粹的格式化json的查看器工具，使用起来向弹出的文本框中添加要被转的json，点击确定，没有多余的操作。
  
• 方便部署：就一个html文件，原生JavaScript实现，不依赖任何库，可双击打开或者HTTP协议访问，部署在服务器上也非常方便。
  
• 代码高亮：彩色的文字用于美观。
  
• 支持折叠：方便查看层级关系，点击小三角可折叠或展开json，Ctrl + 点击，可递归到子级，支持。
  
• 支持缩进：更直观的展示层级关系，并有缩进线使其更加优雅。
  
• 离线的：没有依任何在线的库，网线断了也能用。
  
• 安全：这个项目放服务器上，它不访问任何接口或者资源，不会有RCE，SQL injection等漏洞。
  
• 可配置：如果您不喜欢文字的颜色、字体、或者其它配置，可任意修改。
  

代码

1.    JSON format viewer

复制代码

来源：程序园用户自行投稿发布，如果侵权，请联系站长删除
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！