본문 바로가기
스크립트 공유

웹 개발의 필수 툴인 크롬 카나리아에 대해 알아보기. (Learn about Chrome Canary.)

by 업무자동화 2017. 5. 7.
반응형

http://ngmaster.ignorelist.com/ngmaster/xe/index.php?mid=COMMUNITY_TIP_AND_TECH&document_srl=24643


안녕하세요. 소심비형입니다. 오늘은 가장 최신 기능을 담고 있는 크롬 카나리아(ver. 60.x.xxxx.x)에 대해 알아보겠습니다. 좀 더 기다리면 정식 크롬(ver. 58.x.xxxx.x)에도 이 기능들이 추가되겠지만, 아직 적용되고 있지는 않네요. 아래 기능들은 버전 59.x.xxxx.x부터 추가될듯합니다.

참고로, 크롬은 개발중인 버전(stable, beta, dev)과 최신 기능을 적용시킨 얼리어답터용 카나리아, 그리고 정식 버전으로 나뉩니다. 이외에도 크롬 엔진으로 만든 사이드 버전들이 존재합니다. 대표적으로 구글 플러스가 있지만 정식 루트가 아니면 다운받지 마세요.

아직 정식 릴리즈가 안되었기 때문에 아래 기능들을 확인하려면 카나리아를 별도로 설치해야 합니다. 카나리아는 개발자 버전과 동일하게 정식 크롬을 삭제하지 않고 별도로 설치됩니다. 또한, 크롬의 사용자 환경 정보를 동일하게 적용시켜줍니다.

크롬 개발자 버전크롬 카나리아 버전 ]


Coverage Tab

새롭게 추가된 Coverage를 통해 페이지에서 사용되지 않는 CSS 및 JS의 사용량을 알려줍니다. 이 기능을 통해 좀 더 최적화된 페이지를 구성할 수 있습니다. 물론, 동적으로 페이지가 생성되거나 메인 프레임을 사용하고 있다면 크게 도움이 되지는 않을지도 모릅니다. 하지만, 분석 측면에서 볼 때 괜찮은 기능인거 같네요.

윈도우는 Ctrl + Alt + J(F12)를 통해 개발자 도구를 실행합니다. 맥은 Alt + Command + I입니다. 아래 그림처럼 개발자 도구가 실행되면 우측 상단에 확장 버튼을 클릭하세요.

1.png

반응형