[Android] 안드로이드 웹뷰(WebView) 확대 축소 버튼 없애기 (줌 컨트롤 숨김처리)
안드로이드 모바일 앱의 웹뷰(WebView) 에서 화면 확대/축소를 가능하게 하려면 해당 htm, html 페이지의 소스코드를 일부 수정하고 안드로이드 앱의 소스코드도 수정해야 한다.
1. htm, html 소스코드 수정
[AS-IS]
|
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″>
<meta name=”viewport” content=”viewport-fit=cover, minimal-ui, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no” />
</head>
</html>
|
[TO-BE]
|
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″>
<meta name=”viewport” content=”viewport-fit=cover, minimal-ui, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0, user-scalable=yes” />
</head>
</html>
|
2. 안드로이드 앱의 소스코드 수정
웹뷰 객체의 변수명이 mWebView 일 경우 아래처럼 코딩한다.
// 모바일 확대/축소 가능하도록 수정
mWebView.getSettings().setBuiltInZoomControls(true);
// 모바일 확대/축소 버튼 없애기 (줌 컨트롤 숨김처리)
mWebView.getSettings().setDisplayZoomControls(false);
참고) 모바일 확대/축소 버튼(줌 컨트롤) 이미지
참고사이트 : https://www.masterqna.com/android/58545/%EC%9B%B9%EB%B7%B0-%ED%99%95%EB%8C%80-%EC%B6%95%EC%86%8C%EC%97%90-%ED%95%98%EB%8B%A8%EC%97%90-%ED%99%95%EB%8C%80-%EC%B6%95%EC%86%8C%EB%B2%84%ED%8A%BC%EC%95%84%EC%9D%B4%EC%BD%98-%EC%97%86%EC%95%A0%EB%8A%94%EB%B2%95-%EC%9E%88%EB%82%98%EC%9A%94
