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

142

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

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

javascript  google-chrome-devtools 
— 리사 크
소스
가능하지는 않지만 꽤 좋은 기능이기 때문에 내가 틀렸기를 바랍니다.
— Zevan
나는
— 그랬지만
— Ciro Santilli 郝海东 冠状 病 六四 事件 法轮功

답변:

331

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

Chrome은 소스 탭에 있습니다.

크롬 40 예쁜 인쇄 버튼

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

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

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

— fgm2r
소스
2
Windows에서는-> {}와 유사한 작은 아이콘입니다. 캡션은 Pretty Print라고 말합니다.
— omninonsense 2016 년
@에 대해 언급 해 주셔서 감사합니다. 왜 그들이 Windows / Mac OS에서 다르게 구현했는지 궁금합니다.
— fgm2r
3
누구든지이 Chrome 기능이 어떻게되는지 알고 있습니까? 과거에 Chrome에서 보았지만 이제는 사라진 것 같습니다.
— superjos
@superjos 그들은 이제 Mac OS와 Windows에서 동일하게 변경했습니다.
— fgm2r
2
음, 상황에 맞는 메뉴에서도 볼 수 없습니다. '항목 검사'명령 만 있습니다. 스크린 샷을 참조하십시오 .
— superjos
당사 사이트를 사용함과 동시에 당사의 쿠키 정책과 개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.