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

Chrome 개발자 도구가 자바 스크립트를 사람이 읽을 수있는 형식으로 포맷 할 수 있는지 여부를 아는 사람이 있습니까? 어떤 종류의 미인이 편리 할 것입니다. JS 라이브러리를 사용하고 있으며 객체를 인스턴스화해야 생성자에 넣을 항목을 알아야한다고 가정 해 봅시다. 그러나 Chrome 개발자 도구 사용자 인터페이스에 4 줄이있는이 거대한 라이브러리를 검색하는 것은 상당히 성가신 일입니다 …

그렇지 않으면 서버 측은 축소되지 않은 자바 스크립트 파일을 제공하는 “dev 모드”를 구현해야합니다 …



답변

일부 브라우저에는 이런 모양 의 예쁜 인쇄 버튼이 {}있으며 브라우저에 따라 HTML, JS 및 / 또는 CSS에 나타납니다.

Chrome은 소스 탭에 있습니다.

크롬 40 예쁜 인쇄 버튼

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

파이어 폭스 35 prettify 소스 버튼:

이 버튼의 위치는 변경 될 수 있지만 항상 거기에 있어야합니다


답변

스크립트 탭 내에 예쁘게 인쇄 아이콘 (예 : {})이 Windows에 없습니까?


답변

있다 http://jsbeautifier.org/ 온라인 사용을 위해 ( 당신이 복사해야 / 붙여 넣기 ).

해당 사이트에는 피들러 ( 웹 디버깅 프록시 ) 와이를 위한 JavaScript 포맷터 ( 3 차 익스텐션 )에 대한 링크가 있습니다.


답변