이 도구의 기능
JSON 뷰어는 개체와 배열을 대화형 트리로 변환합니다. 문자열, 숫자, 부울 값 및 null에는 다양한 텍스트 스타일이 사용됩니다. 객체와 배열은 항목별로 확장하거나 축소할 수 있습니다. 사용자 값은 createElement 및 textContent를 통해 페이지에 기록되며 HTML로 실행되지 않습니다.
- Raw 보기에는 형식이 지정된 JSON이 표시됩니다.
- 트리 보기는 단일 노드와 모든 확장/축소를 지원합니다.
- 값에 HTML 태그나 스크립트 문자가 포함되어 있어도 일반 텍스트로 표시됩니다.
사용 방법
- 유효한 JSON을 붙여넣으세요.
- "뷰 생성"을 클릭하세요.
- 원시 또는 트리 탭을 선택합니다.
- 대규모 구조를 탐색하려면 노드 화살표를 사용하거나 모두 확장하거나 모두 축소하세요.
주요 사용 사례
- 심층적인 인터페이스 응답을 읽어보세요.
- 배열 요소와 객체 필드의 데이터 유형을 확인하세요.
- 알 수 없는 문자열이 포함된 JSON을 안전하게 확인하세요.
JSON Viewer 기능
원시 및 축소 가능한 트리 보기 간에 전환하여 다양한 JSON 유형을 명확하게 구분합니다. 일상적인 개발, 디버깅, 데이터 정렬 및 코드 최적화 시나리오에 적합합니다. 처리 결과를 직접 확인, 복사, 다운로드할 수 있습니다.
FAQ
트리 보기가 문자열의 HTML을 실행합니까?
아니요. 모든 키와 값은 innerHTML을 접합하는 사용자 콘텐츠 없이 텍스트 노드로 렌더링됩니다.
대규모 배열을 기본적으로 축소해야 하는 이유는 무엇입니까?
축소하면 페이지 높이가 줄어들고 최상위 구조를 먼저 볼 수 있으며 언제든지 개별 노드 또는 모든 노드를 확장할 수 있습니다.
원시 데이터와 트리 데이터는 동일합니까?
마찬가지다. 두 보기 모두 동일한 JSON 구문 분석에서 나오지만 서로 다른 방식으로 표시됩니다.