JSON, 그렇지 않으면 JavaScript 객체 표기법 인 데이터는 브라우저 / 서버 통신을위한 프로토콜이며 XML의 기본 대안 중 하나입니다.

그러나 JSON 뷰어가 없으면 개발자가 데이터를 명확하게 구성하고 표시하는 JSON 데이터를 읽을 수 없습니다. 따라서 Mozilla는 Firefox에 JSON 뷰어를 통합했으며 개발자 채널에서 기본적으로 활성화되어 있습니다.

Firefox에서 JSON을 어떻게 봅니까? Firefox에서 JSON 데이터를보고 편집하는 가장 빠른 방법은 통합 된 JSON 뷰어를 사용하는 것입니다. 데이터 뷰어는 기본적으로 Developer Edition 및 Nighly에서만 활성화됩니다. 그것이 당신에게 적합하지 않으면, Firefox를위한 유용한 애드온과 웹 툴을 사용하십시오.

이에 대한 자세한 내용은 아래 가이드를 확인하십시오.

Firefox에서 JSON 뷰어를 활성화하는 방법

Firefox의 JSON 뷰어가 작동하지 않으면 아마도 활성화되지 않았기 때문일 수 있습니다. 현재 데이터 뷰어는 Developer Edition 및 Nightly에서만 기본적으로 사용됩니다.

Firefox Stable에서 JSON 뷰어를 활성화하는 방법은 다음과 같습니다.

• 먼저 Firefox의 주소 표시 줄에 ' about: config '를 입력하고 Return 키를 눌러 바로 아래 스냅 샷에 표시된 페이지를여십시오.

• 다음으로 about: config 페이지 상단의 검색 창에 ' devtools.jsonview.enabled '를 입력하십시오.
• 이제 devtools.jsonview.enabled 를 두 번 클릭하여 값을 true로 전환 할 수 있습니다. 이를 통해 Firefox 브라우저에서 JSON 뷰어를 효과적으로 사용할 수 있습니다.

대체 JSON 뷰어 추가 기능 및 웹 도구

그러나 Firefox에서 JSON 뷰어를 실제로 활성화 할 필요는 없습니다. Firefox JSON 뷰어가 작동하지 않으면 항상 대체 애드온과 웹 도구를 사용해보십시오.

예를 들어이 페이지에서 + Firefox에 추가 버튼을 눌러 Firefox에 JSONView를 추가 할 수 있습니다. 해당 애드온을 브라우저에 추가 한 후이 페이지를 열어 형식화 된 일부 JSON 데이터의 예를보십시오.

아래 샷은 Firefox에서 애드온을 활성화하기 전후의 JSON 데이터를 보여줍니다.

JSON-DataView는 데이터 표시를 사용자 정의 할 수있는 더 나은 추가 기능입니다. 이 페이지에서 찾아서이 확장을 브라우저에 추가하십시오.

그런 다음이 페이지를 다시 열어 JSON 데이터 형식 및 표시 방법을 확인하십시오. 이 데이터에는 이제 트리 노드를 확장 및 축소하기위한 + 및 – 단추, 구문 강조 표시 및 하이퍼 링크가 포함됩니다.

JSON-DataView에는 브라우저 오른쪽 상단의 열기 메뉴 버튼과 추가 기능 을 클릭하여 선택할 수있는 사용자 정의 옵션도 포함되어 있습니다.

그런 다음 JSON-DataView 옆의 옵션 버튼을 눌러 아래 표시된 창을 엽니 다. 여기에서 테마 드롭 다운 메뉴를 클릭하여 JSON 데이터 색상을 변경할 수 있습니다. 디스플레이 탭을 클릭하여 텍스트 글꼴을 사용자 정의하십시오.

데이터를 복사하여 붙여 넣을 수있는 JSON 뷰어 웹 도구도 있습니다. 먼저이 JSON 뷰어의 텍스트 탭에 데이터를 복사하여 붙여 넣을 수 있습니다. Ctrl + C 및 Ctrl + V 단축키를 사용하여 아래 JSON 데이터를 복사하여 붙여 넣습니다.

{ "hey": "guy", "anumber": 243, "anobject": { "whoa": "nuts", "anarray":, "more": "stuff"}, "awesome": true, "가짜 ”: 거짓, “의미”: null, “일본어”:”

明日 が あ る。”, “link”:“http://jsonview.com”, “notLink”:“http://jsonview.com is great”}

텍스트 탭으로 복사 한 후 JSON 뷰어의 툴바에서 형식 버튼을 누릅니다. 그러면 아래 샷과 같이 데이터가 더 명확하게 표시됩니다.

JSON 데이터로드 버튼을 누르고 URL을 입력하여 다른 데이터를로드 할 수 있습니다. 뷰어 탭에는 + 및 – 버튼을 눌러 확장하거나 축소 할 수있는 트리 구조의 데이터 변수가 표시됩니다.

JSON 편집기 온라인은 HDD 또는 URL에서 데이터를 표시 할 수있는 또 다른 웹 도구입니다. 여기를 클릭하여 웹 도구를 연 다음 위의 샘플 데이터를 복사하여 코드 편집기에 붙여 넣으십시오.

오른쪽 화살표 버튼을 눌러 코드를 트리 편집기로 복사 한 다음 왼쪽 화살표 버튼을 클릭하여 아래와 같이 JSON 데이터를 표시하십시오. 여기에서 데이터를 편집하고 변경 사항을 저장할 수 있습니다.

이 페이지에는 필드 및 값에 대한 편리한 검색 도구도 포함되어 있습니다.

JSON 뷰어가 필요한 경우 내장 Firefox 뷰어가 필요한 모든 것을 수행하지 않습니다. 따라서 JSON 추가 기능 및 웹 도구는 JSON 데이터를 열고 편집해야하는 개발자에게 훌륭한 대안입니다.

이것이 도움이 되었기를 바랍니다. 이제 사용할 수있는 다양한 JSON 애드온 및 웹 도구를 알고 있습니다. 더 궁금한 점이 있으면 아래의 의견 섹션으로 언제든지 문의하십시오.

편집자 주: 이 게시물은 원래 2017 년 4 월에 게시 된 이후 신선도, 정확성 및 종합 성을 위해 완전히 개정되고 업데이트되었습니다.