사파리 최고의 기능 중 일부는 숨겨져 있습니다.
Safari에는 웹 개발자 용으로 설계된 다양한 특수 기능이 있으며 모두 숨겨진 개발 메뉴에 모여 있습니다. 실행중인 Safari 의 버전에 따라 개발 메뉴에는 사용자 에이전트를 변경하는 옵션, Web Inspector 및 오류 콘솔과 같은 추가 기능 표시, JavaScript 비활성화 등의 네 가지 이상의 메뉴 항목 그룹이 표시됩니다. 또는 Safari의 캐시를 비활성화하십시오. 개발자가 아니더라도 이러한 기능 중 일부가 유용 할 수 있습니다.
개발 메뉴를 사용하면 메뉴의 각 항목이 현재로드되고 가장 앞에있는 Safari 페이지 또는 탭 과 관련된 페이지 항목 및 이후에로드 된 웹 페이지와 관련 될 정도로 쉽습니다. 예외는 Safari에 전역 효과가있는 명령 (예 : 빈 캐시)입니다.
개발 메뉴를 사용하려면 먼저이 숨겨진 메뉴를 표시해야합니다. 이는 Safari 4 이전 버전의 Develop 메뉴에 포함 된 모든 명령을 포함하는 Debug 메뉴를 보여주는 것보다 훨씬 쉬운 작업입니다. 그러나 이전 디버그 메뉴가 더 이상 적합하지 않다고 생각하지 마십시오. 그것은 여전히 존재하며 많은 유용한 도구를 포함합니다.
Safari에서 개발 메뉴 표시
- / Applications / Safari에있는 Safari를 시작하십시오.
- 메뉴에서 'Safari, 환경 설정'을 선택하여 Safari의 환경 설정을 엽니 다.
- '고급'탭을 클릭하십시오.
- '메뉴 막대에 현상 메뉴 표시'옆에 체크 표시를하십시오.
현상 메뉴는 책갈피 및 창 메뉴 항목 사이에 나타납니다. 개발 메뉴는 웹 개발자에게 특히 유용하지만 일반 사용자는 매우 유용하다는 것을 알게 될 것입니다.
개발자 메뉴를 비활성화하려면 위의 4 단계에서 확인 표시를 제거하십시오.
가장 유용한 도구 메뉴 항목은 다음과 같습니다.
- Open Page With : Mac에 설치 한 브라우저에서 현재 웹 페이지를 열 수 있습니다. Safari에서 제대로 작동하지 않는 웹 사이트를 방문한 적이 있다면이 명령을 사용하여 다른 브라우저의 동일한 웹 페이지로 신속하게 이동할 수 있습니다
- 사용자 에이전트 : 사용자 에이전트는 브라우저가 웹 페이지를 호스팅하는 웹 서버로 전송하는 문자열입니다. Safari가 지원되지 않는다고 선포 한 웹 페이지를 방문한 적이 있다면 사이트에서 사용중인 브라우저를 알 수있는 방법입니다. 대부분의 경우, "지원되지 않음"은 말도 안되며,이 메뉴 항목을 사용하여 사용자 에이전트를 다른 브라우저에서 모방하도록 변경할 수 있습니다. 사용자 에이전트를 변경하는 것만으로 갑자기 작동하지 않는 웹 페이지가 몇 번이나 표시되는지 놀라실 수도 있습니다.
- 빈 캐시 : Safari는 최근에 액세스 한 사이트의 캐시를 유지합니다. 이 캐시에 저장되는 데이터에는 페이지의 모든 요소가 포함되어 있으며 페이지로 돌아 가면 웹 사이트를 빠르게 렌더링하는 데 사용할 수 있습니다. 때때로 캐시가 오래되거나 손상되어 웹 페이지가 잘못 표시 될 수 있습니다. 캐시를 비우면 이러한 문제를 해결할 수 있으며 Safari의 속도를 높일 수 있습니다.
나머지 메뉴 항목의 대부분은 웹 개발자에게 더 유용 할 것이지만 웹 사이트 구성 방법에 관심이 있다면 다음 항목이 중요 할 수 있습니다.
- 웹 속성보기 : 현재 페이지 하단에 웹 속성이 열립니다. Web Inspector를 사용하면 페이지를 만드는 데 사용 된 요소를 검사 할 수 있습니다.
- 페이지 소스보기 : 현재 페이지의 HTML 코드를 볼 수 있습니다.
- 페이지 리소스 표시 : Web Inspector에서 Resource Inspector 세로 막대를 열면 이미지, 스크립트, 스타일 시트 및 기타 요소가 현재 페이지에서 사용되는 것을 쉽게 볼 수 있습니다.
- 타임 라인 기록 시작 : 웹 페이지의로드 및 실행 방법을 보려면 타임 라인 기록 시작 옵션을 시도하십시오. 그러면 네트워크 활동을 보여주는 그래프와 각 사이트 요소가로드되고 사용되는 방법이 생성됩니다. 재미있는 화면을 만들지 만, 타임 라인 녹화 중지를 선택하여이 기능을 해제해야합니다. 그렇지 않으면 웹 개발 업체가 아닌 이상 Mac의 자원을 비생산적인 작업에 사용하게 될 것입니다.
- 반응 형 디자인 모드로 들어가기 : 빌트인 시뮬레이터 의 웹 개발자를위한 또 다른 도구로, 웹 페이지가 다른 화면 해상도 나 iPad 나 iPhone과 같은 다른 장치에서 어떻게 보이는지 미리 볼 수 있습니다. 관심있는 페이지를로드하고 반응 형 디자인 모드로 들어가기 만하면 페이지를 미리 볼 수 있습니다. 다양한 장치를 사용하여 페이지 렌더링을 시도하거나 사용할 스 크리 해상도를 선택할 수 있습니다. 개발 메뉴로 돌아간 후 반응 형 디자인 모드 종료를 선택하십시오.
- Expermintal Features :이 메뉴 항목은 모든 버전의 Safari에서 사용할 수 없으며 각 Safari 업데이트에 따라 내용이 변경 될 수 있습니다. 그러나 귀하의 감정이 용감하다면 Safari 브라우저의 향후 버전으로 이동할 수있는 몇 가지 기능을 시도해보십시오.
이제 개발 메뉴가 표시되면 시간을내어 다양한 메뉴 항목을 시험해보십시오. 아마도 자주 사용하게 될 몇 가지 즐겨 찾기로 끝날 것입니다.