dev tool(2)
-
[Safari] 사파리 브라우저에서 모바일 모드로 보려면?
사파리(Safari) 브라우저는 macOS 및 iOS 기기에서 가장 널리 사용되는 웹 브라우저 중 하나입니다. 웹 개발자들은 웹사이트를 디자인하고 개발할 때 사파리에서의 호환성을 고려해야 합니다. 반응형 웹 디자인은 모바일 기기 및 데스크톱 환경에서 웹사이트가 어떻게 표시되는지를 확인하는 데 중요합니다. 이를 위해 사파리 브라우저에서 제공하는 반응형 모드에 접근하는 방법에 대해서 알아봅시다. 메뉴 막대에서 개발자용 메뉴 보기 체크하기 우선 사파리 브라우저를 엽니다. 또 선행으로 Safari 설정 > 고급 > ✅ 메뉴 막대에서 개발자용 메뉴 보기가 체크가 되어 있어야 개발자용 메뉴를 사용하실 수 있습니다. 자세한 설정 방법이 보고 싶으시다면 아래의 링크를 참고해 주세요. 초보자를 위한 Safari 브라우..
2024.03.17 -
초보자를 위한 Safari 브라우저 개발자 도구 설정 방법
Safari 브라우저 개발자 도구 세팅 방법 Safari 브라우저의 개발자 도구는 웹 개발을 보다 효과적으로 수행할 수 있게 도와주는 강력한 도구입니다. Safari의 개발자 도구를 활성화하는 방법에 대해서 알아보겠습니다. 1. Safari 브라우저를 여세요. 2. Safari의 상단 메뉴에서 '설정'을 클릭한 후, '고급' 탭으로 이동합니다. 3. 메뉴 막대에서 개발자용 메뉴 보기를 체크합니다. 4. 단축키 cmd + option + i로 개발자 도구를 활성화시킵니다. 개발자 도구에서는 다양한 설정과 기능을 제공하고 있습니다. 예를 들어, 네트워크 조건을 시뮬레이션하는 기능, 모바일 기기에서 웹 페이지를 테스트하는 기능 등이 있습니다. 필요에 따라 해당 기능들을 찾아보고 활용해 보세요. 이렇게 초보..
2024.01.04