Debuggable Browser

무엇입니까?

Chrome의 개발자 도구 (PC 또는 Mac에서 실행)를 사용하여 웹 기기가 실제 기기에서 실행되는 동안 웹 앱을 검사하고 디버깅 할 수 있습니다 .

웹 개발자 및 웹 디자이너 만 대상

이 앱은 웹 앱의 최상의 사용자 경험을 Android 사용자에게 제공하려는 웹 개발자를 위해 제작되었습니다. 웹 앱 디버깅에 관심이있는 웹 개발자 나 웹 디자이너가 아닌 경우 일반 브라우저를 사용하는 것이 좋습니다.)

어떻게 사용하나요?

Android 스톡 브라우저에서 웹 사이트를 연 후 다음 문제 중 하나가 발생하면이 앱이 유용 할 수 있습니다.

& # 8226; & # 8195; Android 주식 브라우저에서 웹 사이트의 레이아웃 또는 스타일 이 깨져 나타납니다

& # 8226; & # 8195; 자바 스크립트 코드가 예상 한 결과를 얻지 못했거나 실행 중에 계산이 갑자기 중지되어야합니다 ( 예외 가 발생 했습니까?)

& # 8226; & # 8195; 애니메이션 이 느리거나 예상 한대로 애니메이션되지 않습니다

설명

웹 브라우저가 데스크톱 브라우저에서 제대로 작동하더라도 모바일 브라우저에서 작동하지 않는 경우가 있습니다. 더 나쁜 것은 때로는 결함이 (확실한) 모바일 장치에서만 발생하므로 데스크탑 브라우저에서 시뮬레이션을 재현하고 재현 할 수 없습니다. Chrome의 DevTools를 사용한 원격 디버깅 이 유용한 곳입니다. Android 용 Chrome은이 기능을 이미 완벽하게 지원하지만 Android 스톡 브라우저는 지원하지 않습니다. 어쨌든 많은 안드로이드 버그가 주식 브라우저에서만 발생하고 크롬에서는 발생하지 않기 때문에 불행합니다.

이 응용 프로그램을 사용하면 기본 브라우저 (WebView) 내에서 웹 사이트를 실행할 수 있습니다. Chrome DevTools로 페이지를 검사하고 디버그하십시오.

원격 디버깅을 시작하는 방법?

1. Android 장치에서 개발자 모드를 활성화하고 PC / Mac에 연결하십시오

2.이 앱을 열고 URL을 입력하여 웹 사이트를 탐색하십시오.

3. PC / Mac에서 Chrome을 열고 주소 표시 줄에 "chrome : // inspect"를 입력하십시오.

4. Chrome에서 "USB 기기 검색"을 선택하면 기기에서 연 웹 페이지가 표시됩니다.

5. Chrome 개발자 도구를 사용하여 검사하고 원격으로 앱 디버깅을 즐기십시오.

자세한 내용은 https://www.pertiller.tech/blog/remote-debugging-the-android-native-browser를 참조하십시오.