[javascript] JavaScript를 최소화 / 압축 해제하는 도구 [닫기]

Tidy가 끔찍한 HTML을 정리하는 방법과 유사하게 축소 효과를 되돌릴 수있는 명령 줄 스크립트 및 / 또는 온라인 도구가 있습니까?

(특히 축소 된 JavaScript 파일을 최소화하려고하므로 변수 이름 바꾸기가 여전히 문제가 될 수 있습니다.)



답변

당신은 이것을 사용할 수 있습니다 : http://jsbeautifier.org/
그러나 그것은 당신이 사용하는 축소 방법에 달려 있습니다.

편집 : 실제로 “packed”스크립트의 압축을 풀 수 있습니다 (Dean Edward의 패커로 압축 : http://dean.edwards.name/packer/ )


답변

Chrome 개발자 도구에는이 기능이 내장되어 있습니다. F12를 누르는 방법 중 하나 인 개발자 도구를 불러 오십시오. 소스 탭에서 왼쪽 하단 막대에는 아이콘 세트가 있습니다. “{}”아이콘은 “예쁜 인쇄”이며 요청시이 변환을 수행합니다.

업데이트 : IE9 “F12 개발자 도구”의 도구 탭 아래 스크립트 탭에 “JavaScript 형식”기능이 있습니다. ( F12의 팁 # 4 참조 최고의 웹 디버깅 비밀 유지 )

여기에 이미지 설명을 입력하십시오


답변

알았다! JSBeautifier 는 정확하게이 작업을 수행하며 자동 서식 옵션도 있습니다.


답변

자바 스크립트 포맷터 ( http://javascript.about.com/library/blformat.htm ) 만 사용할 수 있습니까 ?


답변

Firefox, SpiderMonkey 및 Rhino에서는 모든 코드를 익명 함수로 래핑하고 해당 toSource메소드를 호출 하여 멋진 형식의 함수 소스를 제공 할 수 있습니다.

toSource 또한 주석을 제거합니다.

예 : :

(function () { /* Say hello. */ var x = 'Hello!'; print(x); }).toSource()

문자열로 변환됩니다 :

function () {
    var x = "Hello!";
    print(x);
}

추신 : “온라인 도구”는 아니지만 일반적인 미용 기술에 대한 모든 질문은 이것과 중복됩니다.


답변

Mac 및 TextMate를 사용하는 경우 Javascript를 포맷하는 쉬운 방법은 다음과 같습니다.

  1. Textmate로 파일을여십시오.
  2. > 번들> JavaScript> 문서 형식 변경을 클릭하십시오.
  3. 맥주를 부수십시오.

답변

대부분의 IDE는 자동 서식 기능도 제공합니다. 예를 들어 NetBeans에서 CTRL + K를 누르면 됩니다.