Android chrome pwa app debug 방법

android chrome pwa app debug 방법

안드로이드 Chrome에서 PWA (Progressive Web App)을 만들다 보면 디버깅이 필요할 때가 있다. 그럴 때 다음과 같이 하면 된다.

Chrome 개발자 도구 사용:

• 안드로이드 기기를 컴퓨터에 연결합니다. USB 디버깅을 사용하도록 설정되어 있는지 확인하세요.

• 컴퓨터에서 Chrome 브라우저를 엽니다.

• Chrome에서 chrome://inspect 주소로 이동합니다. 이 페이지에서 연결된 기기의 PWA를 볼 수 있습니다. (스마트폰에서 연결을 허용해 주어야 한다.)

• 디버깅하려는 PWA 옆에 있는 "inspect" 링크를 클릭합니다. 이로 인해 Chrome 개발자 도구가 열립니다.

• Console, Network, Application 등의 탭을 사용하여 PWA를 디버깅할 수 있습니다.