사파리에서 웹사이트(하이브리드어플) 디버깅하기

 

 

사파리에서 개발자용 메뉴에서 웹인스펙터 활성화된 아이폰을 연결하고 아이폰에서 사파리로 웹사이트를 선택하면 

맥북 사파리에서 웹사이트 디버깅이 가능하다. 

 

특히 타임라인 기능이 유용했는데 왼쪽의 빨간원형버튼을 누르고 웹사이트를 사용하면 

웹사이트 스크린샷, 네트워크 요청, 레이아웃 등 다양한 요소들을 실시간으로 볼수있는데 

기본적으로 5개의 메뉴가 나오지만 스크린샷 위의 연필 버튼을 클릭하면 메모리나 자바스크립트 할당 상황까지도 체크할 수 있다. 

 

사파리 개발자모드 타임라인

 

 

 

 

cpu 메뉴를 선택하면 cpu 많이 사용할 때 자바스크립트 이벤트를 이벤트 핸들러와 같이 확인 할 수 있다 

 

 

사이트가 버벅거리거나 특정 메뉴에서 늦어질 때 원인찾기에 유용하게 쓰일 것 같다