Nice programing

Chrome DevTools에서 소스 맵 비활성화

nicepro 2020. 11. 8. 11:04
반응형

Chrome DevTools에서 소스 맵 비활성화


Chrome DevTools에 표시된 jsx 코드에서 원시 ES5로 다시 전환하는 빠른 방법이 있습니까?


개발자 도구를 열고 개발자 도구의 "설정"으로 이동 한 다음 Enable JavaScript Sourcemaps"소스"설정에서 선택을 취소 합니다.

개발자 도구 설정

JS 소스 맵 토글


줄 번호를 두 번 클릭하여 소스 파일에서 축소되지 않은 출력 파일로 이동할 수 있습니다. 그 외에는 제한적으로 보입니다. 아래 주석을 참조하십시오.

나는 이것이 개발 중에 유용하다는 것을 알았습니다. 사용하는 경우 webpack-dev-server축소에 JS없이 (또는 다른 도구), 당신은 컴파일하지만 unminified 출력 파일로 이동합니다 소스 파일에서 줄 번호를 두 번 클릭 할 수 있습니다.

방금 우연히 발견 한 후 2016 년 12 월 21 일에이 댓글을 찾았습니다. https://bugs.chromium.org/p/chromium/issues/detail?id=532174#c7

줄 번호를 두 번 클릭하여 원본 파일로 이동할 수 있지만 축소 된 파일에 모든 줄 바꿈이 제거 된 경우에는 거의 쓸모가 없습니다.

단어 줄 바꿈을 사용하면 더 잘 작동합니다 https://bugs.chromium.org/p/chromium/issues/detail?id=167287

축소 된 파일의 섹션을 두 번 클릭하여 소스 매핑 파일로 이동하는 기능이 일부 지원되었다고 생각하지만 늦게 퇴보 한 것 같습니다.

소스 맵이있는 축소 된 파일에서 축소 된 파일의 아무 곳이나 마우스 오른쪽 단추로 클릭 (또는 두 번 클릭)하면 정확한 파일, 행 및 열로 이동할 수 있어야합니다.

참고 URL : https://stackoverflow.com/questions/35002087/disable-source-maps-in-chrome-devtools

반응형