iPad / iPhone에서 Web Inspector를 사용하여 Safari로 원격 디버깅을 설정하는 방법

Apple은 iOS 6에서 iPad, iPhone 또는 iPod touch와 같은 iOS 장비에서 웹 응용 프로그램을 디버깅하기 위해“Web Inspector”라는 새로운 Safari 기능을 도입했습니다. 이 기능은 모든 사람, 특히 웹 개발자가 웹 사이트의 문제를 찾고 수정하는 데 도움이됩니다. 이 기능을 사용하는 방법은 다음과 같습니다.

설정> Safari> 고급을 눌러 iDevice에서 Web Inspector를 켜고 Web Inspector를 켜십시오.

Web Inspector를 켠 후에는 장치를 컴퓨터에 연결해야합니다 (Mac 만 해당, PC 컴퓨터는이 기능을 지원하지 않습니다). Mac 컴퓨터에서 Safari를 시작하십시오. 먼저 Safari에서 개발자 도구가 켜져 있는지 확인하십시오. 메뉴 표시 줄에 "개발"이 표시되면 켜져 있습니다. 개발 메뉴를 켜야하는 경우 "Safari> 환경 설정> 고급"을 클릭하고 "메뉴 표시 줄에 개발 메뉴 표시"확인란을 선택하십시오.

이제 개발 메뉴를 선택하십시오. iDevice를 메뉴 옵션으로 볼 수 있습니다. 웹 사이트를 검사 할 수 있어야합니다. 여기에는 HTML 또는 CSS 변경, JavaScript 명령 실행 및 DOM 요소 검색이 포함됩니다.

관련 :

  • Safari의 개인 브라우징으로 개인 정보 보호
  • Mobile Safari에서 새 탭 또는 페이지를 여는 방법