지속가능한 개발 노트:)

안드로이드 기기의 모바일웹 개발자 모드로 디버깅했듯이, 오늘은 아이폰의 사파리를 통해서 모바일웹 개발자 모드 디버깅을 하는 법을 알아보겠습니다. 1. PC 맥 사파리에서 개발자 도구 활성화 2. 아이폰 혹은 IOS 기기 사파리 설정에서 Web Inspector을 활성화 3. PC 맥과 아이폰을 케이블로 연결하고 사파리 개발메뉴에서 기기탐색 4. PC 맥 사파리의 개발 메뉴를 통해 아이폰에서 활성화된 모바일웹 페이지를 개발자 도구로 확인! 이제 어떤 모바일웹이든 편리하고 빠르게 디버깅 할 수 있겠습니다!! 유용하게 사용해보시길 바랍니다. 수정할 내용이나 알려주실 내용있으시면 댓글로 가르침 주세요^_^ 글 읽어주셔서 감사합니다~ 관련글 - 안드로이드 기기의 개발자 모드 활성화하여 디버깅 하기(feat. 개발..

PC보다 모바일 작업이 까다롭게 느껴지는 이유는 PC는 작업 도중 개발자 도구로 즉각적으로 확인 하여 정확도를 높일 수 있지만, 모바일은 PC에서 제작된 작업물을 정확하게 모바일 환경에서 바로 바로 확인하기 어렵기 때문이라고 생각합니다. 그래서!! 정확하고 빠르게 모바일 작업물을 확인하기 위해 모바일, 그 중에서도 안드로이드 기기의 개발자 도구 활용해 디버깅할 수 있는 방법을 알려드리려고 합니다! 1. 안드로이드 기기 설정에서 개발자 모드 활성화하기 2. 안드로이드 기기와 개발용 컴퓨터 케이블로 연결하기 3. 개발용 컴퓨터에서 크롬 실행 후 chrome://inspect 주소창에 입력 4. 로컬호스트 환경을 포트포워딩을 통해서 연결 정말 훨씬 빠르고 정확하게 답답함 없이 해결 가능해서 아주 좋네요 정말 ..