개발자의 끄적끄적

[컴퓨터/맥] 사파리 브라우저 모바일 화면으로 보는 방법 본문

기타/컴퓨터

[컴퓨터/맥] 사파리 브라우저 모바일 화면으로 보는 방법

효벨 2021. 12. 13. 02:00
728x90
반응형

[컴퓨터/맥] 사파리 브라우저 모바일 화면으로 보는 방법

 

 

맥에서

 

사파리 브라우저를 이용하다보면

 

크롬과 같이 반응형이나 모바일 환경으로 놓고 

 

화면을 확인하고 싶은 경우가 있습니다.

 

그럴때는

 

아래 방법대로 설정하시면 됩니다!

 

 

1. 상단에 Safari > 환경설정 메뉴로 이동합니다.

 

 

2. 아래 이미지와 같이 고급탭을 클릭하고 창 맨 아래있는 메뉴막대에서 개발자용 메뉴 보기를 체크합니다.

 

 

3. 그리고 나면 위에 사파리 관련 옵션 바에 개발자용 이라는 메뉴가 추가된것을 확인할 수 있습니다.

 

 

4. 개발자용 메뉴를 누르면 열리는 메뉴들중 아래와 같이 응답형 디자인 모드 시작을 클릭하시면

 

모바일 전용 화면을 확인할 수 있습니다.

 

 

 

여기서 주의할점은

 

사파리를 띄우고 보려고 하는 url 을 입력해서 웹 사이트를 열고나서

 

개발자용 메뉼ㄹ 눌러야 응답형 디자인 모드 시작이라는 버튼이 활성화 됩니다!

 

빈탭에서는 해당 버튼이 비활성화 상태 입니다!

 

참고들 하세요!

반응형
Comments