Android 기기와 PC를 연결하고 PC의 Chrome DevTools를 사용하는 방법

대략적인 절차


  • Android 개발 옵션을 사용하도록 설정
  • USB로 PC에 연결
  • PC 측 Chrome에서 chrome://inspect에 연결

  • 조작된 환경


  • macOS 10.14.6
  • Android 9

  • 상세



    1. Android 개발용 옵션 사용


  • 設定 에서 端末情報 화면으로 이동
  • 하단에있는 ビルド番号를 7 번 탭하면 개발 옵션이 활성화됩니다.
  • 設定 에서 システム 화면으로 이동하여 詳細設定
  • 開発向けオプション가 표시되므로 탭
  • 조금 아래로 화면 스크롤하면 있다 USBデバッグ 를 ON으로 한다 → ここ忘れがち

  • 2. USB로 PC에 연결하기


  • USB로 PC에 연결
  • 안드로이드 측에서 "USB 디버깅을 허용합니까?"
  • Android 측의 Chrome을 시작하여 적절한 웹 페이지를 표시합니다

  • 3. PC 측 Chrome에서 chrome://inspect에 연결


  • PC 측의 Chrome을 시작하고 주소에 chrome://inspect
  • 연결된 기기 이름과 Android 측 Chrome에서 열려있는 웹 페이지 목록이 표시됩니다.

  • 웹 페이지명 아래에 있는 inspect 를 클릭하면 Android측에서 열려 있는 화면을 개발 툴로 만지게 된다!

  • 좋은 웹페이지 즐겨찾기