사이트에 포함 된 Javascript를 자동으로 축소 할 수있는 플러그인이 있습니까?
사이트에 포함 된 Javascript 파일 을 자동으로 압축 해제 하는 플러그인, 애드온, Greasemonkey 스크립트 또는 이와 유사한 것 (최악의 경우 사용하기 쉬운 프록시?)이 있습니까?
예를 들어 jsbeautifier.org 에 대해 알고 있지만 외부에서 수행하면 축소되지 않은 코드에 중단 점을 설정할 수 없습니다.
나를위한 일반적인 사용 사례 :
- 복잡한 웹 프런트 엔드에서 분석하고 학습합니다.
- 기존 코드와 상호 작용하는 Greasemonkey 스크립트 디버깅.
저는 주로 Firebug와 함께 작동하는 솔루션에 관심이 있지만 Chrome 또는 Opera의 개발 도구에 대한 것이 있다면 이에 대해 듣고 싶습니다.
크롬 13+에는 '예쁜 프린트'가 있습니다.
- '요소 검사'를 마우스 오른쪽 버튼으로 클릭합니다.
- 스크립트 탭으로 이동
- 오른쪽 하단의 중괄호를 클릭합니다.
누군가 JSBeautifier를 Firebug 플러그인으로 만들었습니다.
https://addons.mozilla.org/en-US/firefox/addon/javascript-deminifier/
이것이 오늘 내 하루를 만들었다!
Venkman JavaScript 디버거에는 예쁜 프린터가 있습니다.
Fiddler 프록시에 대한 확장 도 있습니다 .
IE9 개발자 도구에는 "자바 스크립트 형식"옵션도 있습니다 ( "F12 개발자 도구 및 축소 된 스크립트 형식 지정" 참조 ).
참고-IE9의 F12 개발자 도구에서도 동일한 기능을 사용할 수 있습니다. 스크립트 탭을 연 상태에서 버튼 모음 ( "구성")의 망치 / 렌치 버튼을 선택하고 "JavaScript 형식 지정"을 선택합니다.
스크립트가 공백에 대해서만 축소 된 경우 제공된 솔루션 중 일부가 작동 할 수 있습니다. 언급했듯이 JSBeautifier는 유용한 도구입니다.
그러나보고있는 JavaScript가 YUI Compressor 또는 Google Closure Compiler 와 같은 도구로 압축 된 경우 변수가 짧아지고 이해하기가 더 어려워집니다.
이를 확인하려면 축소 된 버전과 축소되지 않은 버전의 jQuery를 비교하십시오 (최소화 된 버전은 Closure Compiler를 사용함).
- 원본 : https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.js
- 축소됨 : https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js
자바 스크립트 학습의 목표를 위해 최고의 자바 스크립트 개발자들이 작성한 라이브러리와 플러그인에서 배우는 것이 좋습니다. jQuery , YUI , Moo Tools 의 소스 코드를보십시오 . John Resig 또는 Thomas Fuchs 와 같은 사람들이 작성한 GitHub의 코드를 살펴보십시오 . DailyJs를 읽고 그의 예를보십시오.
이러한 도구 중 일부가 학습 과정에서 도움이되기를 바랍니다. 이것이 저에게 가장 큰 도움이 된 자료입니다.
Webkit / Chromium도 이제이 작업을 수행 할 수 있습니다. Webkit Bug 57942 , Changeset 83713 및 Peter Beverloo의 변경 요약 게시물을 참조하십시오 .
어떤 버전의 Chromium / Chrome을 사용할 수 있는지 묻지 말고 알고 계시면 여기에서 언급 해 주시기 바랍니다. :)
Firefox Firefox 개발자 도구의 "Auto Prettify Minified Sources"설정 은 기본적으로 Prettify Source 기능을 설정합니다.
활성화하려면 :
- Firefox 개발자 도구 열기 (Ctrl + Shift + I)
- 디버거 탭
- 전역 설정 엔진이 아닌 디버거 탭의 오른쪽 상단에있는 엔진 아이콘
https://developer.mozilla.org/en-US/docs/Tools/Debugger/How_to/Pretty-print_a_minified_file에 문서화되어 있습니다.
Firefox 42에서 테스트되었습니다.
현재 도구로는 불가능합니다. Show eval 스크립트는 최대한 얻을 수 있습니다. Jsbeautifier.org는 멋진 개방형 이며 누군가 정보 방화범을 통합 할 수 있습니다.
PrettyPrint는이를위한 멋진 크롬 확장 프로그램으로, 일반 (Ctrl-U) 소스를 사용하는 동안 하트 비트에서 js를 자동으로 축소합니다.
여기에서 얻을 수 있습니다.
https://chrome.google.com/webstore/detail/prettyprint/nipdlgebaanapcphbcidpmmmkcecpkhg/
'programing tip' 카테고리의 다른 글
| XML 문자열을 XmlElement로 변환해야합니다. (0) | 2020.12.11 |
|---|---|
| Django 템플릿 : 거짓이면? (0) | 2020.12.11 |
| hash_map이 STL의 일부입니까? (0) | 2020.12.11 |
| Rsync include 및 exclude 옵션을 사용하여 패턴별로 디렉터리 및 파일 포함 (0) | 2020.12.11 |
| AngularJS에서보기가 업데이트되지 않았습니다. (0) | 2020.12.11 |