브라우저 개발자 도구 단축키(개발자 도구 탭 이동 포함)

웹 프론트엔드 개발을 하다보면 console, network, application 등 탭이동이 필요한 경우가 많습니다

이럴 때, 쉽게 이동할 수 있는 단축키를 소개해드리겠습니다

• 아래 단축키에서 window의 경우엔 option은 alt, cmd는 ctrl입니다

개발자 도구 열기

• option + cmd + i
• 또는 F12

브라우저 개발자 도구 탭 이동 단축키

• cmd + shift + p
  • 원하는 탭 이름 검색 후 엔터

브라우저 엘리먼트 요소 확인 단축키

• cmd + shift + c

참고

• https://superuser.com/questions/1625410/is-there-a-shortcut-for-opening-the-dev-tools-network-tab-in-chrome