웹 관련 개발을 하면서 브라우저의 devtool 을 많이 사용하게 된다.
개발이 완료되면 모바일 환경을 고려해서 스마트폰에서 제대로 동작하는지 확인하는데
개발 중인 PC 에서 devtool 의 기능 만으로 확인되지 않는 버그가 발생하는 경우 원격으로 스마트폰에 연결해서 확인할 필요가 생긴다.
그래서 어떻게 하나 찾아보니 이미 MS 에서 친절하게 설명해 놓은게 있더라. 그래서 정리해 본다.
참고 링크 : Remotely debug Android devices – Microsoft Edge Development | Microsoft Docs
Table of contents
Hide
개발 환경
개발 PC : Visual studio 2022, MS Edge
스마트폰 : Samsung Galaxy Note 10+, MS Edge
(컬렉션 기능 맘에 들어서 Edge 에 정착했다 ^^)
다음과 같은 순서로 다음에도 잊지 말고 활용하자
스마트폰에서 개발자 옵션을 활성화 한 다음 USB 디버깅 옵션도 활성화 한다.
(케이블을 이미 연결한 경우 다시 연결한다)
나의 경우 빌드 번호를 계속 괴롭혀주면 활성화가 가능하다.(이건 스마트폰 마다 다를 수 있으며 검색하면 잘 나온다)
개발 PC 의 Edge 에서 다음 링크로 이동한다. edge://inspect/
스마트폰과 개발 PC 를 케이블로 연결한 다음 USB 디버깅을 허용해 준다
그러면 개발 PC 의 Edge 에서 연결된 스마트폰에 연결 가능한 목록을 보여준다.
해당 목록에서 inspect 를 눌러보면 실시간으로 확인이 가능하다.(이제 좀 편해졌네.. ^^;;)
0 Comments