Mac에서 Firefox v47을 사용하고 있습니다. 디버거가 JavaScript 소스 맵을 사용하여 코드를 트리거하는 위치를 표시하는 방법을 알아 냈지만 콘솔에서 컴파일 된 파일을 사용합니다. 컴파일되지 않은 파일 줄을 표시하려면 어떻게해야합니까?콘솔에서 소스 맵을 존중하도록 Firefox Dev Tools를 어떻게 설정합니까?
이것은 Chrome에서 정상적으로 작동하므로 Firefox에서 이상한 누락이있는 것처럼 보입니다. 그래서 내가 잘못한 것으로 가정합니다.
Firefox Toolbox Settings에서 스타일 편집기 영역에서 Show original sources 옵션을 활성화하십시오. 그러나이 옵션은 모든 파이어 폭스 버전에서 기본적으로 사용 가능해야합니다. source
article about source map support in Firefox은 소스 맵이 작동하는 데 필요한 최소한의 파이어 폭스 버전 (Firefox 29)에 대해 정교합니다.
또한 SASS에서 생성 된 모든 파일이 소스 맵과 함께 제공되는 것은 아니며 명령 줄에서 사용하는 경우 을 사용하여 --sourcemap 인수를 수동으로 활성화해야합니다. 루비 프로그램 내에서, 또는 꿀꺽 꿀꺽 거리기 (gulp or grunt)와 같은 작업 관리자를 사용하는 경우 다른 방법을 사용합니다. 스타일 시트가 생성 된 CSS 파일의 비어 있지 않은 마지막 라인을 보면 관련 sourcemap이있는 경우
당신은 확인하실 수 있습니다 - 그것은 다소 다음과 같이한다 : 지금 현재로
/*# sourceMappingURL=style.css.map */
이 여전히 작품입니다 진행 중은 the related note on MDN 및 a bug ticket describing the problem that brought me to this question입니다. 이제 소스 맵은 콘솔을 제외한 에서 잘 작동하는 것 같습니다.
이것은 더 이상 진행되지 않으며 공개되지도 않았지만 (기본적으로 숨겨진 설정으로 해제되어 있음) –
링크 된 문서 : 지원은 ** 아직 실험 중 **입니다. 버그가있어 콘솔 출력이 느려질 수 있습니다. 버그 1289570은 기본적으로 원본 맵 지원을 사용하도록 설정하기 전에 수행해야하는 작업을 추적합니다. – rasenplanscher
고마워, 해냈어 – RiggerTheGeek