본문 바로가기
혼자서도 잘 해요/macOS

사파리(Safari) 브라우저에서 개발자 도구 사용하기

by ♥︎♥︎ Heina ♥︎♥︎ 2021. 1. 6.
반응형

나는 주로 사용하는 브라우저가 크롬이며, 크롬 브라우저에서 개발자 도구를 열고 싶으면 "도구 더보기 > 개발자 도구"를 클릭하거나 단축키로 "option + command + i"를 입력한다. 그런데 이번에 크롬 브라우저에서 로그인 상태로 하던 작업을 그대로 유지한 채로 로그아웃 상태의 소스를 확인해야 하는 일이 생겼다. 그래서 맥에 기본으로 설치되어 있던 사파리(safari) 브라우저를 열었는데 아무리 찾아도 개발자 도구가 없는 것이다 -_-; 당황했지만 열심히 찾아서 개발자 도구 경로를 알아냈다. 나처럼 사파리 브라우저에서 개발자 도구를 사용하고 싶은 분들을 위해 포스팅을 해 두려고 한다.


사파리 브라우저 개발자 도구 세팅하기

가장 먼저 사파리 브라우저를 연다. 우측 상단 Safari > 환경설정을 클릭한다. 단축키는 "Command + ,(쉼표)" 이다.

 

 

환경설정 창에서 맨 끝에 있는 고급 탭으로 이동한다. 하단에 "메뉴 막대에서 개발자용 메뉴 보기" 옵션을 발견할 수 있다. 체크박스에 체크한 후에 환경설정 창을 닫는다.

 

 

이제 상단 메뉴바에서 "개발자용" 메뉴를 확인할 수 있다.

 

 

페이지 소스 보기를 통해 개발자 도구를 열고 진행하던 작업을 마무리할 수 있었다.

 

 

얼마 전 호기심에 네이버 웨일 브라우저를 설치해서 구경했던 적을 제외하면, 근 일년간은 크롬 브라우저만 사용해왔던 것 같다. 때문에 레이아웃이 조금 달라서 어색한 느낌이 들었지만... 뭐랄까 사파리가 크롬보다 예쁜 거 같은... (음?)

앞으로는 사파리 브라우저도 가끔 이용해봐야겠다 :)ㅋㅋㅋ

반응형

댓글0