크롬 개발자 도구에서 사람이 읽을 수 있는 자바스크립트

크롬 개발자 도구에서 사람이 읽을 수 있는 자바스크립트

Chrome Developer Tools가 자바스크립트를 사람이 읽을 수 있는 형태로 포맷할 수 있는지 아는 사람이 있습니까? 어떤 종류의 미화기는 유용할 것입니다.JS 라이브러리를 사용하고 있는데 생성자에 무엇을 넣어야 하는지 알기 위해 객체를 인스턴스화해야 합니다.하지만 Chrome Developer Tools 사용자 인터페이스에 4개의 줄이 있는 이 거대한 라이브러리를 검색하는 것은 꽤 성가신 일입니다...

그렇지 않으면 서버 측에서 최소화되지 않은 Javascript 파일을 제공하는 "dev mode" 구현을 처리해야 합니다.

일부 브라우저에는 다음과 같은 인쇄 단추가 있습니다.{}브라우저에 따라 HTML, JS 및/또는 CSS에 대해 나타납니다.

Chrome은 소스 탭의 에 있습니다.

Firefox는 디버거 탭의 에 있습니다.

:

이러한 버튼의 위치는 변경될 수 있지만 항상 그 안에 있어야 합니다.

적어도 Windows에서는 스크립트 탭 내에 예쁜 인쇄 아이콘({}처럼 보임)이 있지 않습니까?

온라인 사용을 위한 http://jsbeautifier.org/ 이 있습니다(복사/복사 필요).

해당 사이트에는 피들러(웹 디버깅 프록시)에 대한 링크와 이를 위한 자바스크립트 포맷터(세 번째 확장자)가 있습니다.

언급URL : https://stackoverflow.com/questions/4484407/human-readable-javascripts-in-chrome-developer-tools