반응형
크롬 개발자 도구에서 사람이 읽을 수있는 자바 스크립트
Chrome 개발자 도구가 자바 스크립트를 사람이 읽을 수있는 형식으로 포맷 할 수 있는지 여부를 아는 사람이 있습니까? 어떤 종류의 미인이 편리 할 것입니다. JS 라이브러리를 사용하고 있으며 객체를 인스턴스화해야 생성자에 넣을 항목을 알아야한다고 가정 해 봅시다. 그러나 Chrome 개발자 도구 사용자 인터페이스에 4 줄이있는이 거대한 라이브러리를 검색하는 것은 상당히 성가신 일입니다 ...
그렇지 않으면 서버 측은 축소되지 않은 자바 스크립트 파일을 제공하는 "dev 모드"를 구현해야합니다.
일부 브라우저에는 다음과 같은 예쁘게 인쇄 버튼이 {}있으며 브라우저에 따라 HTML, JS 및 / 또는 CSS에 나타납니다.
Chrome은 소스 탭에 있습니다.
Firefox는 디버거 탭에 있습니다.
:
이 버튼의 위치는 변경 될 수 있지만 항상 거기에 있어야합니다
스크립트 탭 내에 예쁘게 인쇄 아이콘 (예 : {})이 Windows에 없습니까?
있다 http://jsbeautifier.org/ 온라인 사용을 위해 ( 당신이 복사해야 / 붙여 넣기 ).
해당 사이트에는 피들러 ( 웹 디버깅 프록시 ) 와이를 위한 JavaScript 포맷터 ( 3 차 익스텐션 )에 대한 링크가 있습니다.
참고 URL : https://stackoverflow.com/questions/4484407/human-readable-javascripts-in-chrome-developer-tools
반응형
'IT story' 카테고리의 다른 글
| Typescript에서 문자열이 숫자인지 확인하는 방법 (0) | 2020.06.25 |
|---|---|
| PDO 준비 단일 쿼리에 여러 행을 삽입합니다 (0) | 2020.06.25 |
| HTML5 모드에서 AngularJS 애플리케이션을 URL 재 작성을 위해 IIS를 구성하려면 어떻게해야합니까? (0) | 2020.06.25 |
| 신경망에서 학습, 검증 및 테스트 세트의 차이점은 무엇입니까? (0) | 2020.06.25 |
| 존재하지 않는 경우 새 TMUX 세션을 만드는 방법 (0) | 2020.06.25 |