브라우저별 개발자 도구 여는 방법 핫키

웹 브라우저에서 개발자 도구(DevTools)를 여는 방법은 다음과 같습니다.

 

단축키로 개발자 도구 열기

Windows/Linux
F12 키를 누르기 또는 Ctrl + Shift + i
Mac
Command + Option + i  또는 F12

 

브라우저 메뉴에서 개발자 도구 열기

Chrome (크롬):

브라우저 우측 상단의 점 세 개 (⋮) 버튼 클릭 → 더보기 도구 → 개발자 도구 선택
또는 페이지에서 마우스 오른쪽 클릭 → 검사 선택

Edge (엣지):

우측 상단의 점 세 개 (⋮) 버튼 클릭 → 도구 더보기 → 개발자 도구
또는 마우스 오른쪽 클릭 → 검사

 

Firefox (파이어폭스):

우측 상단의 햄버거 메뉴(☰) 클릭 → 웹 개발자 → 도구 열기
또는 마우스 오른쪽 클릭 → 검사

 

Safari (사파리):

Safari 환경설정 → 고급 탭 → 메뉴 막대에 '개발' 메뉴 보기 활성화
메뉴에서 개발 → 웹 검사기 표시 선택