안녕하세요 npc입니다.

브라우저별로 개발자도구가 있고 저마다의 특징이 있습니다. 

그중에서 요즘 많이 쓰고 계시는 브라우저인 크롬에 숨겨진 기능을 발견했는데  혼자만 사용하기 아까워서 공유합니다. (도움이 되었으면 좋겠네요)

개발을 하다보면 많은 외부 플러그인들을 사용하게 됩니다.

jquery , fontawesome , bootstrap 등이요. 이들 배포소스는 대부분 min.js 형태로 압축 배포됩니다. 불필요한 공백이나 탭을 제거하고 원 라인 형태로 배포되죠.

그러나 가끔 스크립트 오류날때 난감해지곤 합니다. 어떤 플러그인에서 오류가 났는지는 체크해주지만, 똘똘 뭉쳐져 있으니 판단하기 영 쉽지않아서 입니다.

그래서 결국 소스코드 분석을 위해서 jsbeautifier 등의 온라인 도구를 사용하는데요,

사실 크롬에는 그 기능이 내장되어있었습니다.

사용방법은 아래와 같습니다.!

아래에 보이는 { }를 클릭해줍니다!!

쨘!!! 끝입니다!!

너무 간단한 팁이라 주저하기도 했지만

그래도 도움이 되었으면 좋겠습니다!

그럼 저는 이만!

PS. 여러분 감기 조심하세요!