WebView size 문제로 빡칠 때

Webview를 잘 달아놓고 아래처럼 화면이 모바일에 최적화 되어 있지 않다면

상당히 빡친다.(!!!!)

게다가 WebView에 사이즈를 알아서 맞추지도 않고

줌도 안된다면 두배로 빡친다.

당신의 코드가 고양이가 아니라면 해야할 것이 있다.

바로 WebSettings 선언과 ViewPort 설정이다.

WebSettings webSettings = mWebView.getSettings();
webSettings.setJavaScriptEnabled(true);
 
// 화면 비율
webSettings.setUseWideViewPort(true);       // wide viewport를 사용하도록 설정
webSettings.setLoadWithOverviewMode(true);  // 컨텐츠가 웹뷰보다 클 경우 스크린 크기에 맞게 조정
// 웹뷰 멀티 터치 가능하게 (줌기능)
webSettings.setBuiltInZoomControls(true);   // 줌 아이콘 사용
webSettings.setSupportZoom(true);
 

좌우 핏이 맞게 출력되고 줌도 된다.

줌이 될 때, 줌 아이콘도 같이 등장한다.

효과 : 빡침이 사라진다.

참조

• cwhboy 브런치
• 안드로이드펍 Q&A
• 투믹스 작업장

특별출연 : 서울특별시교육청