맥북으로 웹 개발을 할 때 디버깅 작업에 필요한 도구가 바로 사파리의 개발자 도구입니다. 개발자 도구는 단축키를 눌러 바로 실행할 수 있지만 간혹 설정 문제나 macOS 업데이트 이후 개발자 도구가 열리지 않는 문제가 발생할 수 있습니다.
이 글에서는 사파리 개발자 도구가 안 열릴 때 기능을 활성화 하고 단축키로 실행하는 방법에 대해 알아보겠습니다.
목차
사파리 개발자 도구 활성화
1. 사파리를 실행한 다음 메뉴 막대에서 Safari > 환경설정을 클릭합니다.
2. 고급 탭을 클릭합니다.
3. 화면 하단의 “웹 개발자를 위한 기능 보기”를 체크합니다.
4. 사파리 메뉴 막대에 “개발자용” 메뉴가 추가되며 사파리 설정에도 개발자, 기능 플래그 탭이 활성화 됩니다.
사파리 개발자 도구 단축키로 실행하기
개발자용 메뉴가 활성화 되었지만 메뉴를 눌러보면 개발자 도구 열기와 같은 선택 항목이 없어서 어떻게 실행해야 하는지 잘 모를 수 있습니다.
크롬에서 개발자 도구로 불리는 익숙한 디버그 화면을 사파리에서는 웹 인스펙터라고 불리며 개발자용 메뉴 > 웹 인스펙터 보기를 클릭하거나 option + command + i 단축키로 실행할 수 있습니다.
