Programming

JavaScript를 최소화 / 압축 해제하는 도구

procodes 2020. 2. 18. 22:55
반응형

JavaScript를 최소화 / 압축 해제하는 도구


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

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


당신은 이것을 사용할 수 있습니다 : http://jsbeautifier.org/ 그러나 그것은 당신이 사용하는 축소 방법에 달려 있습니다, 이것은 코드를 형식화하고, 변수 이름을 변경하지 않으며 base62 인코딩을 압축 해제하지 않습니다.

편집 : 실제로 "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를 누르면 됩니다.


대안으로 (지금까지 jsbeautifier.org에 대해 알지 못했기 때문에) Dean Edward 's Packer에서 디코딩 버튼을 다시 활성화하는 북마크를 사용했습니다.

여기 에서 지침과 북마크를 찾았습니다 .

여기에 북마크가 있습니다 (사이트가 다운 된 경우).

javascript:for%20(i=0;i<document.forms.length;++i)%20{for(j=0;j<document.forms[i].elements.length;++j){document.forms[i].elements[j].removeAttribute(%22readonly%22);document.forms[i].elements[j].removeAttribute(%22disabled%22);}}

소스 코드가 필요한지 잘 모르겠습니다. http://www.blackbeltcoder.com/Resources/JSFormatter.aspx에 무료 온라인 JavaScript 포맷터가 있습니다.


코드 채색으로 이것을 사용해보십시오.

http://labs.swelen.com/tools/javascript/beauty.html


JS 축소를 위해이 링크를 클릭하십시오. 런타임에 js를 디버깅하는 데 도움이되는 확장으로 FF에 설치됩니다.

https://addons.mozilla.org/en-US/firefox/addon/javascript-deminifier/eula/141018?src=dp-btn-primary


유사 스톤 의 대답하지만, Windows 용 / .NET 개발자 :

Visual Studio 및 ReSharper가있는 경우-Javascript 형식화를위한 쉬운 대안은 다음과 같습니다.

  • Visual Studio에서 파일을 엽니 다.
  • ReSharper> 도구> 정리 코드 (Ctrl + E, C)를 클릭하십시오.
  • "기본값 : 코드 포맷"을 선택하고 확인을 클릭하십시오.
  • 맥주를 부수십시오.

JSPretty인터페이스에서 멀지 않은 거리에도 불구하고 자바 스크립트 소스 코드를 사람이 읽을 수 있도록하는 무료 온라인 도구입니다. 원하는 유형의 들여 쓰기를 적용 할 수 있으며 난독 화를 감지 할 수도 있습니다.


JS에 있다면 Firefox를 사용하는 것이 더 좋습니다. 그리고 Firefox가 추가되면 구출을위한 것입니다. 다음 중 하나가 특히 유용합니다.

https://addons.mozilla.org/en-US/firefox/addon/phoenix/


Pretty Diff JSLint JSHint 공백 알고리즘을 준수하는 방식으로 JavaScript를 아름답게 인쇄합니다.


내가 넣은 것에 대한 jsbeautifier.org의 출력에 정말로 만족하지 않았으므로 더 많은 검색을 하고이 사이트를 찾았습니다 : http://www.centralinternet.com.br/javascript-beautifier

나를 위해 매우 잘 일했습니다.


http://unminify.appspot.com/ 자바 스크립트 및 JSON을 최소화하기위한 훌륭한 도구

참고 URL : https://stackoverflow.com/questions/822119/tool-to-unminify-decompress-javascript


반응형