2013-10-30 4 views
4

의 출시와 함께 Firefox 25은 개발 도구가 크게 개선되었습니다. 그래서 나는 Firebug를 통해 그들을 시험해보고 싶어한다.Firefox 개발자 도구의 Sass (소스 맵) 지원

그러나 Firebug에서 현재 작동중인 Sass 디버깅을 켜는 방법을 볼 수 없습니다. 개발 설정 내에서 제공되는 모든 설정을 살펴 보았습니다.

asdf

내가 틀렸다과 현재 지원 바라고 있어요.

답변

3

이 도입되었다. Sass/LESS live editing in Firefox Developer Tools

지금 CSS 규칙 링크는 원본 파일의 위치를 ​​표시되고 :
당신은 규칙 섹션에서 마우스 오른쪽 버튼을 클릭해야하고 원본보기 소스를 옵션을 활성화 https://hacks.mozilla.org/2014/02/live-editing-sass-and-less-in-the-firefox-developer-tools/

에서 촬영 이 링크를 클릭하면 스타일 편집기의 소스로 이동합니다. 거기에서

Sass/LESS live editing showing link to original source Sass/LESS file

당신은 스타일에 편집기를 계속하고 말대꾸/LESS 파일을 편집 할 수 있습니다. 기능 필요 원본지도 사용!

+0

그들에게 1 년 걸렸습니다 : p 이제 JS에 대한 소스 맵이 필요합니다 : p –

0

Firefox에서 Sass를 디버깅하는 가장 좋은 방법은 FireSass 인 것 같습니다. 파이어 폭스 29 말대꾸 적은 파일에 대한 지원으로

https://addons.mozilla.org/en-US/firefox/addon/firesass-for-firebug/

+0

FireCompass라는 후임자가있는 것 같습니다. https://addons.mozilla.org/firefox/addon/firecompass-for-firebug/ –

관련 문제