개발자용 Safari

앞서 가는 성능. 뛰어난 개발자 도구.
그리고 사용자를 웹 사이트에 머물게 만드는 강력한 새로운 방식.

Safari의 새로운 사항.

Safari는 앞서 가는 성능, 호환성 및 뛰어난 내장 웹 개발 도구 세트를 제공합니다. 또한 OS X Mavericks의 Safari 푸시 알림을 사용하여 Safari를 실행하지 않는 경우에도 뉴스, 스포츠 경기 점수 및 기타 알림을 통해 사용자를 최신 상태로 유지할 수 있습니다.

Safari 푸시 알림

Apple 푸시 알림을 사용하여 뉴스 및 기타 알림을 통해 사용자를 최신 상태로 유지할 수 있습니다. 사용자가 Safari에서 웹 사이트의 알림에 등록하면 Safari를 실행하지 않는 경우에도 Mac 앱 알림처럼 표시되는 푸시 알림을 보낼 수 있습니다. 사용자는 알림을 클릭하여 Safari에서 웹 사이트를 실행할 수 있습니다.

더 알아보기

새로운 웹 속성

웹 속성이 웹 사이트 빌드 및 디버깅을 위한 간소화된 도구 막대와 우수한 내장 웹 개발 도구 세트를 통해 새로운 모습으로 거듭났습니다.

활성 상태 보기

도구 막대 가운데에 있는 새로운 활성 상태 보기는 웹 페이지 리소스, 로딩 시간, 로그, 오류 및 경고에 대한 정보를 한눈에 확인할 수 있는 형태로 제공합니다.

오른쪽에 고정

이제 웹 속성을 Safari 윈도우의 오른쪽에 고정하여 모바일 크기의 웹 페이지를 손쉽게 볼 수 있습니다.

스타일 사이드바

새로운 스타일 사이드바는 CSS 편집을 간소화합니다. 사이드바는 구문, 자동 완성을 강조 표시하고 속성을 손쉽게 끄고 켤 수 있게 해 줍니다.

레이어 사이드바

새로운 레이어 사이드바를 사용하면 합성된 DOM 요소가 웹 페이지의 메모리 사용량 및 성능에 어떻게 영향을 미치는지 손쉽게 확인할 수 있습니다. 레이어를 클릭하면 자세한 내용이 담긴 팝오버가 표시됩니다.

보기 좋은 코드

웹 속성은 축소된 JavaScript 및 CSS를 자동으로 보기 쉽게 프린트하며 이들이 보기 쉽게 프린트되는 동안 디버깅에 대한 지원을 제공합니다.

소스 지도

소스 지도에 대한 지원을 통해 코드가 결합 및 축소된 후에도 해당 코드를 읽고 디버깅할 수 있습니다.

콘솔 로그

웹 속성의 복사 및 선택 동작, 실시간 검색 및 실시간 필터링이 개선되었습니다.

DOM 트리

이제 DOM에 대한 변경 사항의 실행을 취소하거나 변경 사항을 다시 실행할 수 있으며 일반 요소와 함께 섀도우 DOM 요소를 확인할 수 있습니다.

Pseudo 상태

요소에 대한 Pseudo 상태를 전환하여 마우스 올려놓기, 활성화 및 포커스 스타일 규칙을 손쉽게 테스트 및 수정할 수 있습니다.

타임라인 필터링

타임라인 이벤트를 필터링하여 더 신속하게 타임라인 데이터를 분석할 수도 있습니다. 이제 웹 속성은 코드의 어느 라인으로 인해 레이아웃 및 스타일이 다시 계산되게 되었는지 정확하게 표시합니다.

디버깅 개선

조건부 중단점을 통해 디버거의 일시 정지 시점을 보다 적절히 제어할 수 있습니다. 이제 일시 정지 시 변수 위에 마우스를 올려놓아 대화식 팝오버에서 해당 값을 확인할 수 있습니다.

Safari의 개발자 도구에 대해 더 알아보기