{"id":13699803,"url":"https://github.com/lecepin/lp-json-view","last_synced_at":"2026-02-11T06:01:55.897Z","repository":{"id":109069816,"uuid":"307342755","full_name":"lecepin/lp-json-view","owner":"lecepin","description":"「浏览器插件」非常好用的JSON-View","archived":false,"fork":false,"pushed_at":"2022-08-24T02:45:01.000Z","size":522,"stargazers_count":3,"open_issues_count":0,"forks_count":1,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-08-23T09:12:03.100Z","etag":null,"topics":["chrome-extension","json","json-format","json-view"],"latest_commit_sha":null,"homepage":"https://chrome.google.com/webstore/detail/lp-json-view/jcglapefdggmbmnlnmijdmkahmiaconb","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/lecepin.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2020-10-26T10:57:23.000Z","updated_at":"2022-11-25T19:15:44.000Z","dependencies_parsed_at":"2023-03-24T11:33:03.017Z","dependency_job_id":null,"html_url":"https://github.com/lecepin/lp-json-view","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/lecepin/lp-json-view","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lecepin%2Flp-json-view","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lecepin%2Flp-json-view/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lecepin%2Flp-json-view/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lecepin%2Flp-json-view/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/lecepin","download_url":"https://codeload.github.com/lecepin/lp-json-view/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lecepin%2Flp-json-view/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29327830,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-11T03:52:29.695Z","status":"ssl_error","status_checked_at":"2026-02-11T03:52:23.094Z","response_time":97,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["chrome-extension","json","json-format","json-view"],"created_at":"2024-08-02T20:00:43.681Z","updated_at":"2026-02-11T06:01:55.879Z","avatar_url":"https://github.com/lecepin.png","language":"JavaScript","funding_links":[],"categories":["Uncategorized"],"sub_categories":["Uncategorized"],"readme":"\r\n![在这里插入图片描述](https://img-blog.csdnimg.cn/20201023110346458.png#pic_center)\r\n\r\nChrome 商店[地址](https://chrome.google.com/webstore/detail/lp-json-view/jcglapefdggmbmnlnmijdmkahmiaconb)\r\n\r\n---\r\n**查看/格式化** 二合一。\r\n\r\n## 功能\r\n- 自动识别 JSON 内容，并在页面右下角创建切换按钮。\r\n-  支持展开/折叠节点。\r\n- 支持全部展开、全部折叠、展开一二三层节点操作。\r\n- 支持复制节点信息（Array/Object 节点复制内容自动格式化）。\r\n- 复制文本节点值 不会添加引号。\r\n- 自动识别超链接，可点击。\r\n- 支持在当前页面，原始内容和格式化内容随意切换。\r\n- 对于复制的JSON文本，可点击插件打开新的编辑解页面，缩短使用链路。\r\n\r\n### 自动识别JSON内容，右下角出现切换按钮\r\n为了保证第一眼看到的是原始内容，所以这里不会自动用JSON格式视图显示，用户可以在右下角切换：\r\n![在这里插入图片描述](https://img-blog.csdnimg.cn/20201023110619969.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xlY2VwaW4=,size_16,color_FFFFFF,t_70#pic_center)\r\n“JSON数据”视图默认展开所有节点：\r\n\r\n![在这里插入图片描述](https://img-blog.csdnimg.cn/20201023110636644.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xlY2VwaW4=,size_16,color_FFFFFF,t_70#pic_center)\r\n### 节点可折叠、可复制、可点击链接\r\n![在这里插入图片描述](https://img-blog.csdnimg.cn/20201023110655682.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xlY2VwaW4=,size_16,color_FFFFFF,t_70#pic_center)\r\n### 可操作整体节点的展开状态\r\n![在这里插入图片描述](https://img-blog.csdnimg.cn/20201023110717313.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xlY2VwaW4=,size_16,color_FFFFFF,t_70#pic_center)\r\n### 复制原始内容时，不会被选中\r\n![在这里插入图片描述](https://img-blog.csdnimg.cn/20201023110741735.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xlY2VwaW4=,size_16,color_FFFFFF,t_70#pic_center)\r\n### 支持非页面JSON格式化操作\r\n很多时候，我们在调试接口参数时，可能需要对这些字符串格式化：\r\n\r\n\r\n![在这里插入图片描述](https://img-blog.csdnimg.cn/20201023110804695.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xlY2VwaW4=,size_16,color_FFFFFF,t_70#pic_center)\r\nLp Json-view插件 内置格式化页面：\r\n![在这里插入图片描述](https://img-blog.csdnimg.cn/20201023110824234.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xlY2VwaW4=,size_16,color_FFFFFF,t_70#pic_center)\r\n![在这里插入图片描述](https://img-blog.csdnimg.cn/20201023110832172.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xlY2VwaW4=,size_16,color_FFFFFF,t_70#pic_center)\r\n## 注意\r\n#### 建议固定扩展程序，方便点击操作\r\n\r\n![在这里插入图片描述](https://img-blog.csdnimg.cn/20201023110856817.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xlY2VwaW4=,size_16,color_FFFFFF,t_70#pic_center)\r\n#### 建议禁用或删除所有相关插件\r\n防止多个类JSON-View插件相互干扰，建议禁用或删除所有相关插件，只保留这一个。通过浏览器访问`chrome://extensions` 查看操作：\r\n![在这里插入图片描述](https://img-blog.csdnimg.cn/20201023110943907.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xlY2VwaW4=,size_16,color_FFFFFF,t_70#pic_center)\r\n## 背景\r\n作为开发同学，与JSON内容打交道是必不可少的，例如给你一个JSON接口，或者给你一段JSON字符串，你要更方便的看内容结构，就需要用的格式化工具。\r\n在Chrome的商店搜索了类似的工具，进行了使用，包括：\r\n![在这里插入图片描述](https://img-blog.csdnimg.cn/20201023111006305.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xlY2VwaW4=,size_16,color_FFFFFF,t_70#pic_center)\r\n其中这几款加起来的用户量近200万，但仍然满足不了一些需求，如：\r\n- Raw/JSON视图的任意切换\r\n-  节点的复制\r\n- 节点的批量折叠\r\n- 节点的类型识别\r\n- 以及没有对非页面内容的JSON解析\r\n\r\n以上诉求为出发点，做了这款插件。\r\n可视化部分rjv组件满足大部分需求，但也有一些功能无法满足，所以对rjv进行了二次开发，满足了所有需求点。\r\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flecepin%2Flp-json-view","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flecepin%2Flp-json-view","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flecepin%2Flp-json-view/lists"}