2013-01-08 3 views
7

모바일 브라우저에서 모바일 웹 사이트에 액세스 할 때만 발생하는 문제를 디버그하려고합니다. 나는 강하게 문제의 근본 원인이 같은 페이지를 여러 번 액세스 할 때 발생하는 캐싱으로 인한 것으로 의심됩니다.데스크톱에서 모바일 (안드로이드) 브라우저를 에뮬레이트하는 방법

안드로이드 전화에서 페이지에 액세스 할 때 일관되게 문제를 재현 할 수 있지만, 데스크톱 브라우저를 사용하면 문제가 발생하지 않습니다.

Android 휴대 전화에서 개발자 도구를 사용할 수 없기 때문에 데스크톱 브라우저에서 문제를 재현해야하므로 디버깅 할 수 있습니다. 이미 모바일 사이트 버전이 표시되도록 User-Agent 헤더를 적절히 설정하여 Firefox와 Chrome을 모두 사용해 보았지만 작동하지 않습니다.

클라이언트 측 코드를 디버깅 할 수있는 방식으로 모바일 브라우저의 동작을 데스크탑에서 에뮬레이트하는 더 좋은 방법이 있습니까? FWIW, 나는 아이폰에서 문제를 재현 할 수 있다고 확신하지만 사용할 수있는 것은 없다.

+0

에 개발자 도구의 디버깅 및 프로파일 링 모바일 컨텐츠를 시작할 수 있습니다 디버깅하는 데 필요한 페이지를 선택 온라인 사이트인가? 어떤 문제를 재현하는 방법을 설명하면 iPhone에서 테스트 해 보겠습니다. – 11684

+0

@ 11684 제안 해 주셔서 감사합니다. 그러나 그 순간에는 현지에서만 재생산 할 수 있습니다. –

답변

7

using chrome debugger 휴대 전화에서 디버거를 사용할 수 있습니다.

요즘, 당신은 그냥 크롬을 탐색 할 수 있습니다.

  1. 연결 : //에 장치를 연결 한 후/# 장치를 검사

    를 문제가 해결되지 않으면, 당신은 기존의 방법을 사용할 수 있습니다 USB 케이블을 사용하여 휴대 기기를 호스트에 연결

  2. 휴대 기기에서 Chrome을 시작합니다. 열기 설정> 고급> 개발자 도구와 사용 USB 웹 디버깅 옵션
  3. 문제 포트 포워딩 활성화하려면 호스트 시스템의 콘솔에서 다음 명령을 확인합니다
    adb forward tcp:9222 localabstract:chrome_devtools_remote
  4. 열기 데스크탑 크롬과 로컬 호스트로 이동 : 9222
  5. 당신이
  6. 이제 바탕 화면
관련 문제