일반적인 디버깅 목적으로 브라우저에서 편집하고 저장할 수 있도록 Chrome과 .scss 파일 간의 소스 매핑을 설정하는 데 시간을 할애했습니다. 하지만 DevTools 실험을 활성화 한 다음 "Support for Sass"를 선택하는 것이 더 중요한 단계 중 하나입니다. 글쎄, 나는 여러 번 실험을 가능하게했고 여전히 Sass 지원을위한 상자가 없다. 최신 업데이트에 Chrome이 자동으로 포함되었을 가능성이 있습니까?DevTools의 새스 지원은 신비하게 존재하지 않습니까?
스크린 샷은 존재하지 않음을 증명합니다. (신경 쓰지 마라, 나는 그것을 게시하는 것을 허락받지 않는다).
Chrome에 업데이트 오류가있을 수 있습니다. 메뉴를 클릭하고 Chrome 정보를 클릭하면 버전이 표시됩니다 (31 이상이어야 함). 광산에서 이전 버전과 업데이트 오류가 나타났습니다.
Chrome을 제거한 후 컴퓨터를 다시 시작하고 크롬을 다시 설치하십시오.
모든 최신 도구가 있어야합니다. SASS 지원은 내 버전에서 더 이상 실험적이지 않았으며 기본적으로 나를 위해 사용하도록 설정되었습니다. 하지만 다음을 수행해야 할 수도 있습니다.
- chrome : // 플래그로 이동 한 다음 개발자 도구 실험을 사용하도록 설정합니다.
- 오픈 DevTools로는
(오른쪽 요소를 검사하는 웹 페이지를 클릭) - 하단에있는 톱니 바퀴 아이콘을 마우스 오른쪽 단추로 클릭
- 실험을 클릭하고 SASS 지원 사용을 클릭
- 사용 일반을 클릭, 클릭 CSS 소스
도움이되기를 바랍니다 http://net.tutsplus.com/tutorials/html-css-techniques/developing-with-sass-and-chrome-devtools/ –