인앱 웹뷰(WebView) 디버깅 하는 방법 - 크롬, 사파리 활용

이전에 작성했던 Proyman으로 인앱 웹뷰 디버깅하는 방법 글은 최후의 방법입니다.

그런데 앱과 협업이 가능하다면 다음과 같은 방법도 가능합니다.

 

Android

애플리케이션 내에서 WebView 디버깅이 활성화하는 코드를 넣어 달라고 요청합니다.

전체 적용하려면 아래 코드를

 

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
    WebView.setWebContentsDebuggingEnabled(true);
}

 

디버깅이 true 상태에만 적용하려면 아래 코드를 추가합니다.

 

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
    if (0 != (getApplicationInfo().flags & ApplicationInfo.FLAG_DEBUGGABLE))
    { WebView.setWebContentsDebuggingEnabled(true); }
}

 

그리고 크롬 chrome://inspect 접근하여 해당 기기를 선택하고 dev tool로 쉽게 디버깅할 수 있습니다.

 

출처 : https://developers.google.com/web/tools/chrome-devtools/remote-debugging/webviews?hl=ko

 

developers.google.com/web/tools/chrome-devtools/remote-debugging/webviews?hl=ko

WebView 원격 디버깅  |  Chrome DevTools  |  Google Developers

 

 

iOS

if 카카오 2020 소개된 방법입니다.

iOS 앱을 시뮬레이터로 빌드 하면 사파리에서 접근이 가능하다고 합니다.

개발 장비가 MacBook이고 iOS 저장소에 접근할 수 있는 권한이 있다면 좋은 방법이라고 생각됩니다.

 

if.kakao.com/session/128

if(kakao)2020