라이브러리를 개발하다보면 minified 된 코드를 디버깅해야만 하는 상황이 아주 가끔 생긴다. 사용자의 환경을 통째로 떼오고 싶지만, 그럴 수 없기때문에 재현을 위해서는 고객의 환경(사이트)에서 직접 테스트를 해보는것이 좋다.
재현을 하면서, 단순히 minified 된 코드를 살펴보는것을 넘어서, 직접 코드를 수정하여 로그까지 찍어본다면 더 좋을것 같은데 어떻게 할 수 있을까?
바로 Chrome 에서 지원하는 콘텐츠 override 기능을 사용하면 된다. (링크)
바로 살펴보자!