ToolBuddy
브라우저

JavaScript 정리

브라우저에서 JavaScript를 보기 좋게 만들거나 압축합니다. DevTools에서 복사한 한 줄 코드를 다시 들여쓰거나, 공백을 빼서 대략적인 크기를 봅니다. 정리는 기기에서 끝나므로 전용 스크립트가 외부 정리 서비스로 가지 않습니다.

브라우저에서 실행됩니다. 아무것도 업로드하지 않습니다.

도구를 불러오는 중…

이 도구에 대해

js-beautify로 JavaScript를 읽기 쉽게 만들거나, 크기를 가늠하려고 압축합니다. 여기서의 압축은 공백을 줄인 형태이며 Terser 같은 배포 파이프라인이 아닙니다. 배포 묶음은 CI 압축기에 맡기세요.

조각을 붙여 넣고, 정리 또는 압축과 공백 2칸 또는 4칸을 고른 다음 복사합니다. DevTools 복사본, 북마클릿, 인라인 처리기에 씁니다. 정리가 실패하면 원문과 안내가 돌아옵니다. 작업은 이 탭 안에서 끝납니다. 페이지를 불러온 뒤에는 네트워크 없이도 계속 쓸 수 있습니다.

관련 Web 도구

JSON 정리

브라우저에서 JSON을 보기 좋게 만들고, 한 줄로 줄이고, 검사합니다. 본문을 붙여 넣고 들여쓰기를 맞추고 문법 오류를 찾습니다. 서버로 보내지 않습니다. API, 설정 파일, 중첩 객체에 씁니다. 결과는 기기에 남습니다.

SQL 정리

브라우저에서 방언을 알아보는 SQL 정리를 합니다. PostgreSQL, MySQL, SQLite, T-SQL을 지원합니다. 쿼리를 붙여 넣고 들여쓰기를 고른 다음, 읽기 쉬운 SQL을 복사합니다. 문장은 정리 서비스로 가지 않습니다.

HTML 정리

HTML을 기기에서 보기 좋게 만들거나 줄입니다. 중첩된 태그의 들여쓰기를 맞추고, 배포용 조각의 공백을 줄인 다음 마크업을 복사합니다. 템플릿을 정리 서비스에 올리지 않습니다. 메일, 부분 템플릿, DevTools에서 복사한 지저분한 코드에 씁니다.

CSS 정리

브라우저에서 CSS를 정리하고 줄입니다. 규칙을 펼쳐 읽거나, 스타일시트를 압축해 대략적인 크기를 봅니다. 조각을 붙여 넣고 선택자와 선언을 정리한 다음 복사합니다. 전용 스타일은 업로드하지 않습니다.

XML 정리

브라우저에서 XML 문서를 보기 좋게 만들거나 줄입니다. SOAP, RSS, 설정 파일의 중첩 요소를 들여쓰거나 공백을 줄입니다. 해석과 정리는 탭을 떠나지 않습니다.

URL 인코더

encodeURIComponent 방식으로 URL과 쿼리 매개변수를 퍼센트 인코딩하고 되돌립니다. 깨진 링크를 고치고, 예약 문자를 이스케이프하고, 인코딩된 쿼리를 기기에서 살펴봅니다.