Source Code & Font Viewer — HTML, CSS, JS, JSON & XML Formatter 용 Google Chrome

형식 지정기 및 글꼴 미리 보기가 있는 Chrome 소스 뷰어

소스 코드 및 글꼴 뷰어 - HTML, CSS, JS, JSON 및 XML 포맷터, 독립 개발자가 만든 것으로 Chrome의 기본 '소스 보기'를 개발자 중심의 검사기로 대체합니다. 원시 또는 축소된 HTML, CSS, JavaScript, JSON 및 XML을 색상화된 포맷 코드로 변환하고 브라우저 내에서 웹 글꼴을 미리 봅니다. 이 확장 프로그램은 구문 강조, 자동 미화, 클릭 가능한 링크, 코드 접기 및 밝은/어두운 테마를 포함하여 페이지 자산을 검사하고 디버깅하는 웹 개발자 및 디자이너를 목표로 합니다.

읽기 쉬운 코드 중심 뷰어로 기본 소스 패널을 교체합니다

이 확장 프로그램은 원시 페이지 소스를 색상화된 탐색 가능한 코드로 변환합니다, HTML, CSS, JavaScript, JSON 및 XML에 대한 구문 강조를 제공하고 리소스 간에 점프할 수 있는 클릭 가능한 링크를 제공합니다. 컨텍스트 메뉴 통합을 통해 '페이지 소스 보기' 옵션에서 포맷된 소스를 열 수 있으며, 툴바 아이콘은 원클릭 액세스를 제공합니다. 이러한 동작은 브라우저의 기본 소스 보기 기능을 편집기처럼 만들면서 Chrome 내에서 유지됩니다.

축소된 파일과 로컬 파일을 처리하여 디버깅 속도를 높입니다

자동 포맷 및 아름답게 꾸미기가 축소된 파일을 예쁘게 인쇄할 수 있습니다, 이는 압축된 JavaScript 또는 CSS를 검사할 때 도움이 됩니다. 이 확장 프로그램은 브라우저에서 직접 열리는 원시 JS, CSS, JSON 및 XML을 포맷하며, '파일 URL에 대한 액세스 허용' 설정이 활성화되면 로컬 파일을 표시할 수 있습니다. 이 조합은 읽기 쉬운 소스가 빠르게 필요할 때 수동 복사-붙여넣기를 줄여줍니다.

내장된 글꼴 미리보기 및 편집기 옵션으로 디자인 워크플로를 지원합니다

통합된 글꼴 뷰어는 디자이너가 외부 도구 없이 웹 글꼴을 미리 볼 수 있게 해줍니다, 단어 줄 바꿈, 줄 번호 및 코드 접기와 같은 편집기 옵션은 읽기 레이아웃을 조정합니다. 여러 가지 밝은 및 어두운 테마는 긴 검사 세션 동안 외관을 변경하며, 클릭 가능한 리소스 링크는 시각적 디버깅 및 타이포그래피 검사를 수행하는 동안 자산이 로드되는 위치를 추적하는 데 도움이 됩니다.

개발자 워크플로에 적합한 개인 정보 우선 정책 및 Chromium 통합

개발자는 제로 데이터 수집 정책을 명시합니다, 이는 확장 프로그램의 공개에 따라 사용자 데이터가 수집되거나 판매되지 않음을 의미합니다. 호환성은 Chrome 및 기타 Chromium 기반 브라우저에 걸쳐 확장되므로 Edge, Brave 또는 Opera를 사용하는 팀도 동일한 도구를 사용할 수 있습니다. 브라우저의 컨텍스트 메뉴 및 툴바에 통합되어 기능 세트를 일상적인 검사 중에 접근할 수 있도록 유지합니다.

소스와 글꼴을 정기적으로 검사하는 개발자를 위한 실용적인 도구

이 확장은 Chromium 브라우저 내에서 읽기 쉬운 소스와 빠른 글꼴 미리보기를 원하는 웹 개발자와 UI 디자이너를 위한 실용적인 옵션입니다. 개인 정보 보호 약속과 브라우저 내 형식 지정은 기술적 작업 흐름에 적합하게 만들며, 코드 검사를 향한 지향은 페이지 소스를 잠깐 보는 일반 사용자에게는 필요 이상으로 복잡하게 느껴질 수 있습니다.