Chrome DevTools에서 소스 맵 비활성화
Chrome DevTools에 표시된 jsx 코드에서 원시 ES5로 다시 전환하는 빠른 방법이 있습니까?
개발자 도구를 열고 개발자 도구의 "설정"으로 이동 한 다음 Enable JavaScript Sourcemaps"소스"설정에서 선택을 취소 합니다.
줄 번호를 두 번 클릭하여 소스 파일에서 축소되지 않은 출력 파일로 이동할 수 있습니다. 그 외에는 제한적으로 보입니다. 아래 주석을 참조하십시오.
나는 이것이 개발 중에 유용하다는 것을 알았습니다. 사용하는 경우 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
'Nice programing' 카테고리의 다른 글
| 앱 소스는 언제 테스트 대상에 포함되어야합니까? (0) | 2020.11.08 |
|---|---|
| role = form은 접근성에 어떤 도움이됩니까? (0) | 2020.11.08 |
| Pandas 'Freq'태그에 대한 문서는 어디에 있습니까? (0) | 2020.11.08 |
| Java에서 3DES 암호화 / 복호화를 어떻게 사용합니까? (0) | 2020.11.08 |
| Sass를 사용하여 미디어 쿼리 내에서 선택기 확장 (0) | 2020.11.08 |

