[Ionic] 안드로이드 스튜디오 웹앱 console.log 확인 하는 방법

Next.js 를 아이오닉으로 감싸서 안드로이드 앱을 끄적끄적 하고있는데 지도가 계속 안나와서 콘솔에 어떻게 찍히는지 좀 보고싶어서 찾다가 기록하게 되었음

방법은 두가지가 있는데 일단 첫번째는 여기저기 많은 포스팅에서도 볼 수 있었는데 난 이렇게 안했음
자바랑 별로 안친해서 ㅎㅎ;
자꾸 WebView webView = findViewById(R.id.mwebview); 이쪽에서 오류난다고 어쩌고해서 골치 아파서 재낌

 @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
		
        WebView webView = findViewById(R.id.mwebview);
        webView.getSettings().setJavaScriptEnabled(true);
        webView.setWebChromeClient(new WebChromeClient() {
            @Override
            public boolean onConsoleMessage(ConsoleMessage consoleMessage) {
                Log.d("WebView Console", consoleMessage.message());
                return true;
            }
        });
    }

 

두번째 방법으로 소스코드 추가 없이 쉽게 볼 수 있었는데, 그냥 안드로이드 스튜디오 가상 머신이 돌아가고 있는 상태에서

구글 크롬에서 "chrome://inspect/#devices" 이라고 접속을 해주고 조금 기다리면 아래처럼 하나가 뜸

 Remote Target 부분에 내가 현재 띄운걸 볼 수 있고 거기서 inspect 들어가면 콘솔창이 나온다~

안드로이드 스튜디오 로그 일일히 체크하는것 보다 차라리 그냥 크롬 이용해서 이렇게 보는게 난 더 편했다 ..