[DevTools] 웹앱 개발자라면 Chrome Canary 사용해요

크롬 기반으로 개발을 시작할때 개발자라면 Chrome Canary로 시작해 보자. 최신 기능들이 포함되어 있으며 Dev Tool이 좀 더 막강하다. 거의 개발툴 수준이라고 할까?

1. Chrome Canary 설치

  - https://www.google.com/intl/ko/chrome/browser/canary.html

  - Google의 Dev Tools 강좌

2. 오스마니님 강좌

  - google+에 지속적의 자신의 활동을 올리고 있다. 구글러이면서 Yeoman의 개발자이다. 오스마니님 친구추천 ^^

  - 2013년도에는 크롬 개발툴로 생산성을 증진시키자

    + 코드 에디팅 및 로컬 히스토리 저장 

    + 코드 리비젼 기능

    + 코드 에디터에 있는 cmd+o (소스 열기), cmd+shift+o (소스 특정 위치 찾기), cmd+L(특정 라인 이동), cmd+F (특정 키워드 찾기)

    + beakpoint 통한 디버깅 

    + minify 된 코드의 beautify 하기

    + 개발툴 layout 개선 

    + Grunt 툴 통합

    + PageSppeed 툴 통합

    

 

3. 테스팅 및 디버깅

  - 모바일 기기 해상도별 테스트하기 

• Emulating Touch Events
• Emulating Device Viewports
• Device Geolocation Overrides
• Device Orientation Overrides
• CSS Media Type Emulation
• Frequently Asked Questions

  - 자바스크립트 디버깅하기

<참조>

  - 오스마니님의 최근 Yeoman 강좌

  - 까나리 액젓된 크롬