safari에서 개발자 도구 보는 법

웹 개발할 때 보통 크롬을 많이 쓰긴 하지만, 가끔 크롬보단 safari가 코드 변경을 빠르게 반영하는 경우가 있어서 safari를 쓰고 싶다는 생각이 들었다. 그러나 크롬의 개발자 도구 때문에 크롬을 계속 쓰고 있었는데, 오늘 safari에서도 개발자 도구를 키는 방법을 알았다!!!

 

1. 먼저 safari를 킨다.

2. safari가 포커스 된 상태에서 왼쪽 상단에 있는 Safari를 클릭 후 설정으로 들어간다. (혹은 safari를 킨 상태로 ⌘ ,)

설정 클릭

3. '고급' 탭 - 가장 하단에 있는 '메뉴 막대에서 개발자용 메뉴 보기' 클릭

 

가장 하단에 있는 '메뉴 막대에서 개발자용 메뉴 보기' 클릭

4. 개발자용 - 웹 속성 연결 클릭 -> 개발자 도구 진입 (혹은 단축키 ⌘ ⌥ I(영어 i) 동시 입력)

 

 

---

<요소 선택해서 보는 법>

개발자 도구 -> 빨간 박스 클릭