# JSONPathFinder

**Repository Path**: leo82/JSONPathFinder

## Basic Information

- **Project Name**: JSONPathFinder
- **Description**: 通过点击JSON树中某个节点生成jsonpath，或通过提供jsonpath提取JSON数据
- **Primary Language**: JavaScript
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: https://leo82.gitee.io/jsonpathfinder/
- **GVP Project**: No

## Statistics

- **Stars**: 6
- **Forks**: 2
- **Created**: 2021-10-03
- **Last Updated**: 2024-09-02

## Categories & Tags

**Categories**: Uncategorized

**Tags**: jsonpath, JSON

## README

#### 使用说明

##### 功能：

* JSON格式化、压缩；
* jsonpath生成（只用于生成出单一元素的jsonpath，用以辅助实现更复杂的提取，或对于新手起到帮助）；
* jsonpath提取，与上面是一个逆过程，在输入框中修改jsonpath，实时预览提取结果。

##### 页面布局：

​	左侧是原始JSON输入框，右侧上方是jsonpath输入框，下方是渲染出的JSON树。

##### 用法：

1. 点击JSON树中的某个元素，上方输入框中实时显示出对应该元素的jsonpath；

2. 如果在输入框中修改内容（比如最后面敲个空格），则变成 **提取模式** ，下面显示的是提取出的结果，此时若需要返回到原始的JSON树，

   可以点击JSON树右上角reset按钮（鼠标悬浮时显示），回到开始内容

  ![输入图片说明](https://images.gitee.com/uploads/images/2021/1003/145341_9a95639b_9573193.png "屏幕截图.png")

3. 上图中的向下箭头用于一键展开JSON树，再次点击返回原先状态