Safari의 개발 메뉴를 활성화하여 더 많은 기능 추가

Safari는 웹 개발자를 위해 설계된 다양한 특수 기능을 제공하며 기본적으로 메뉴 막대에 표시되지 않는 개발 메뉴에 모두 모여 있습니다. 개발 메뉴에는 사용자 에이전트 변경, 웹 검사기 및 오류 콘솔 표시, JavaScript 비활성화 및 Safari 캐시 비활성화 옵션이 포함되어 있습니다. 개발자가 아니더라도 이러한 기능 중 일부가 유용 할 수 있습니다.

현상 메뉴를 사용하는 것은 매우 쉽습니다. 메뉴의 각 항목은 현재로드되고 가장 앞쪽에있는 Safari 페이지 또는 탭과 이후에로드되는 웹 페이지에 해당합니다. 예외는 Safari에 전역 영향을주는 캐시 비우기와 같은 명령입니다.

이 문서의 정보는 Safari 버전 8 ~ 12에 적용되지만 대부분은 이전 버전의 개발 메뉴에도 나타납니다.

Safari에서 개발 메뉴 표시

현상 메뉴를 사용하려면 먼저 숨겨진 메뉴를 표시해야합니다. 이것은 Safari 4 이전의 디버그 메뉴에 현재 개발 메뉴에있는 모든 명령이 포함 된 디버그 메뉴를 표시하는 것보다 훨씬 쉬운 작업입니다. 그러나 이전 디버그 메뉴가 더 이상 관련이 없다고 생각하지 마십시오. 여전히 존재하며 많은 유용한 도구가 포함되어 있습니다.

실행 원정 여행 인사말 독 또는 Mac 응용 프로그램 폴더.
클릭하여 Safari의 환경 설정을 엽니 다. 원정 여행 메뉴 표시 줄에서 환경 설정 드롭 다운 메뉴에서
클릭 고급 환경 설정 화면의 탭.
옆에 체크 표시 메뉴 막대에 개발 메뉴 표시.

개발자 메뉴를 비활성화하려면 다음에서 확인 표시를 제거하십시오. 원정 여행 > 환경 설정 > 고급 화면을 표시합니다.

현상 메뉴 사용

개발 메뉴는 책갈피와 창 메뉴 항목 사이의 Safari 메뉴 표시 줄에 나타납니다. 개발 메뉴는 웹 개발자에게 특히 편리하지만 일반 사용자도 유용 할 수 있습니다.

가장 유용하다고 생각되는 개발 메뉴 항목은 다음과 같습니다.

페이지 열기: Mac에 설치 한 모든 브라우저에서 현재 웹 페이지를 열 수 있습니다. Safari에서 제대로 작동하지 않는 웹 사이트를 방문한 경우이 명령을 사용하여 다른 브라우저에서 동일한 웹 페이지로 빠르게 이동할 수 있습니다.
사용자 에이전트: 사용자 에이전트는 브라우저가 웹 페이지를 호스팅하는 웹 서버로 보내는 텍스트 문자열입니다. Safari가 지원되지 않는다고 선언 한 웹 페이지를 방문한 적이 있다면 사이트에서 사용중인 브라우저를 알 수 있습니다. 대부분의 경우 지원되지 않음은 말도 안되며이 메뉴 항목을 사용하여 사용자 에이전트를 다른 브라우저에서 모방하도록 변경할 수 있습니다. 사용자 에이전트를 변경하는 것만으로도 갑자기 작동하지 않는 웹 페이지가 얼마나 자주 작동하는지 놀랄 수 있습니다.
빈 캐시: Safari는 최근에 액세스 한 사이트의 캐시를 유지합니다. 이 캐시에 저장된 데이터에는 페이지의 모든 요소가 포함되며, 페이지로 돌아올 때 웹 사이트를 빠르게 렌더링하는 데 사용할 수 있습니다. 때로는 캐시가 오래되었거나 손상되어 웹 페이지가 잘못 표시 될 수 있습니다. 캐시를 비우면 이러한 문제를 해결할 수 있으며 Safari 속도를 높일 수도 있습니다.

나머지 메뉴 항목의 대부분은 웹 개발자에게 더 유용 할 수 있지만 웹 사이트 구성 방법에 관심이 있다면 다음 항목이 유용 할 수 있습니다.

웹 검사기 표시: 현재 페이지 하단에 웹 속성이 열립니다. Web Inspector를 사용하면 페이지 생성에 포함 된 요소를 검사 할 수 있습니다.
페이지 소스 표시: 현재 페이지의 HTML 코드를 표시합니다.
페이지 리소스 표시: 그러면 Web Inspector에서 Resource Inspector 사이드 바가 열립니다. 현재 페이지에서 사용되는 이미지, 스크립트, 스타일 시트 및 기타 요소를 쉽게 확인할 수있는 방법을 제공합니다.
타임 라인 기록 시작: 웹 페이지가로드되고 실행되는 방식을 보려면 타임 라인 기록 시작 선택권. 이렇게하면 네트워크 활동과 각 사이트 요소가로드되고 사용되는 방식을 보여주는 그래프가 생성됩니다. 흥미로운 디스플레이를 만들지 만 선택하여 기능을 끄는 것을 잊지 마십시오. 타임 라인 기록 중지. 그렇지 않으면 웹 개발자가 아니라면 비생산적인 작업에 Mac의 리소스를 사용하고 있습니다.
반응 형 디자인 모드 시작: 웹 개발자를위한 또 다른 도구는 내장 된 시뮬레이터로, 웹 페이지가 다른 화면 해상도 또는 iPad 또는 iPhone과 같은 다른 장치에서 어떻게 보이는지 미리 볼 수 있습니다. 관심있는 페이지를로드하고 선택하기 만하면됩니다. 반응 형 디자인 모드 시작 페이지를 미리 봅니다. 다양한 장치를 사용하여 페이지 렌더링을 시도하거나 사용할 화면 해상도를 선택할 수 있습니다. 완료되면 개발 메뉴로 돌아가서 반응 형 디자인 모드 종료.
실험적 기능: 용기가 있다면 Safari 브라우저의 향후 버전에서 사용할 수있는 몇 가지 기능을 사용해 볼 수 있습니다.

현상 메뉴가 표시되면 시간을내어 다양한 메뉴 항목을 사용해보십시오. 자주 사용하는 몇 가지 즐겨 찾기로 끝날 것입니다.