Chrome

크롬 개발자도구 작업 효율 올리는 소소한 기능

 

개발자 도구

F12 혹은 오른 쪽마우스 검사 를 탭해 들어간다

Ctrl + Shift + P: 검색 메뉴 호출

Screeshot: 스크린샷 검색

  • Capture area screenshot : 지정 사이즈 
  • Capture full size screenshot : 풀 사이지 (맨 위에서 아래까지)
  • Capture node screenshot : 선택 한 노드만 저장할수있다
  • Capture screenshot : 현쟁 창 

Coverage: 를 치고 새로 고침을 해보면 현재 페이지 렌더링에 사용중인 CSS JS파일 다 알려줌

fps: Show frames per second(FPS) meter 모니터에 따라 fps를 표시해준다

Sensors: 브라우저에서도 감지가능

  • Gyroscope: 자이로스코프
  • Acceleroometer: 가속도계
  • GravitySensor: 중력센서

Live Expression: 눈 표시 누르면 Enter키 없이 결과 값을 볼수잇다

Snippets: 긴 코드 실행 가능

ads: Block ads on this site 광고없는 사이트