json formatter

JSON 포맷터 - 원본

브라우저 탭에서 JSON을 볼 때 JSON 형식을 자동으로 지정하는 Chrome 확장 프로그램입니다.

특징

• 매우 긴 JSON 페이지에서도 빠릅니다 .
• 다크 모드
• 구문 강조
• 들여쓰기 가이드가 있는 접이식 나무
• 클릭 가능한 URL
• JSON이 아닌 페이지에 대한 성능 영향은 미미합니다(1밀리초 미만).
• 유효한 JSON 페이지에서 작동합니다. URL은 중요하지 않습니다.
• 원시 JSON과 구문 분석된 JSON 간 전환을 위한 버튼
• 구문 분석된 JSON은 전역 변수인 json 으로 내보내지므로 콘솔에서 검사할 수 있습니다. *

*Manifest v3부터 콘솔에 json 입력할 수 없습니다. 해결 방법이 필요한 경우 다음 코드 조각을 콘솔에 붙여넣으세요.

 json = JSON . parse ( document . getElementById ( "jsonFormatterRaw" ) . querySelector ( "pre" ) . innerText )

테스트를 위한 일부 JSON 문서: https://callumlocke.github.io/json-formatter/

설치

옵션 1(권장) - Chrome 웹 스토어에서 설치합니다.

옵션 2 - 소스에서 설치합니다(아래 참조).

개발

요구 사항: Deno(현재는 Node).

초기 설정:

• 복제 저장소
• pnpm i 실행하여 Chrome용 TypeScript 입력을 얻습니다(또는 원하는 경우 npm i 사용).
• 선택 사항: VSCode를 사용하고 Deno 빌드 스크립트를 조작해야 하는 경우 공식 Deno 플러그인을 설치하고 "deno.enablePaths": ["tasks"] 설정하세요.

빌드하려면 다음을 수행하세요.

• deno task build 실행

파일이 변경될 때마다 빌드하고 다시 빌드하려면 다음을 수행하세요.

• deno task dev 실행

Chrome에 로컬 빌드를 설치하려면

• Chrome을 열고 chrome://extensions 로 이동하세요.
• "개발자 모드"를 활성화하고,
• "압축해제된 로드"를 클릭하세요.
• 위에서 빌드한 dist 폴더를 선택합니다.

FAQ

큰 숫자가 정확하게 표시되지 않는 이유는 무엇입니까?

이는 JavaScript의 제한 사항이므로 웹 브라우저에서 해석되는 JSON의 제한 사항입니다.

• Number.MAX_SAFE_INTEGER ( 2^53 - 1 또는 9007199254740991 ) 위의 모든 항목은 해당 숫자로 조정됩니다.
• Number.MIN_SAFE_INTEGER ( -2^53 + 1 또는 -9007199254740991 ) 아래의 모든 항목은 해당 숫자까지 조정됩니다.
• 매우 정확한 부동 소수점 숫자는 16자리로 반올림됩니다.

이 작업을 수행하는 것은 JSON Formatter가 아니라 V8의 기본 JSON.parse 입니다. JSON 포맷터는 JavaScript에서 JSON을 로드한 후 표시되는 것과 정확히 동일한 구문 분석된 값을 표시합니다.

API 엔드포인트가 실제로 JavaScript의 안전 범위를 벗어난 숫자를 나타내야 하는 경우 해당 숫자를 문자열로 인용 해야 합니다.

개체 키의 순서가 때때로 잘못된 이유는 무엇입니까?

JSON Formatter에 표시되는 내용은 구문 분석된 개체/배열을 나타냅니다. JavaScript에서 Object.keys( JSON.parse(json) ) 사용하여 얻는 순서와 동일합니다.

역사적으로 JavaScript 표준은 객체 키가 임의의 순서로 반복될 수 있다고 명시적으로 명시했으며 V8은 작은 성능 최적화를 용이하게 하기 위해 숫자 문자열 키(예: "1" 또는 "99999" )를 맨 위로 이동하여 이를 활용했습니다. 이 V8 구현 세부 사항은 이후 표준화되었습니다.

하지만 서버가 무엇을 내뱉는지 정확히 보고 싶을 뿐입니다.

현재 가장 좋은 방법은 "Raw" 버튼을 사용하여 원시 JSON을 보는 것입니다. 서버에서 보낸 내용입니다. "Parsed" 버튼은 JSON.parse 에서 얻을 수 있는 내용을 나타냅니다.

향후 JSON 포맷터는 구문 분석을 통해 값이 '변경'된 시기를 감지하고 적절한 경고를 표시하기 위해 JSON.parse 사용에서 사용자 지정 구문 분석기(성능이 허용하는 경우)로 전환할 수 있습니다.