Home/ Questions/Q 8512141
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-11T04:12:02+00:00

I am showing a webpage in an Android WebView. The page needs to be

  • 0

I am showing a webpage in an Android WebView. The page needs to be scaled to fit the available width of the WebView.

HTML (width 550 is just an example, that could change):

<html> 
<head> 
<meta name="viewport" content="width=550">
...

Java:

mWebView = (WebView)findViewById(R.id.webView);
mWebView.getSettings().setJavaScriptEnabled(true);
mWebView.setHorizontalScrollBarEnabled(false);
mWebView.setVerticalScrollBarEnabled(false);
mWebView.requestFocus(View.FOCUS_DOWN);
mWebView.getSettings().setLoadWithOverviewMode(true); // required for scaling
mWebView.getSettings().setUseWideViewPort(true); // required for scaling
mWebView.loadUrl(someUrl);

This works fine, except one problem: double-tab triggers a switch between overview mode and default scale.
Is there any way to disable this functionality?

Btw: I cannot calculate the scale in the code, because the loaded pages might have different sizes, which I do not know beforehand. I also already checked the source code of WebView, but do not see anything, that I could override or change.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You could write your own WebView implementation implemting OnGestureListener: 

    public class MyWebView extends WebView implements OnGestureListener

    Inside declare a GestureDetector: 

      private GestureDetector             gestureDetector;

    Implement a initWebView() method and call it in the constructor like this: 

    // Best you do this for every WebViewConstructor:
  public AppWebView(Context context) {
  super(context);
  initWebView(); }

private void initWebView(){
   gestureDetector = new GestureDetector(getContext(), this);
   // Do any other customizations for your webview if you like. 
}

    Now implement the methods from OnGestureListener and return true on double tap events: 

      public boolean onSingleTapConfirmed(MotionEvent e) {
    return false; //Nothing
  }

  public boolean onDoubleTap(MotionEvent e) {
    return true; //Nothing
  }

  public boolean onDoubleTapEvent(MotionEvent e) {
    return true; //Nothing
  }

  public boolean onDown(MotionEvent e) {
    return false; //Nothing
  }

  public void onShowPress(MotionEvent e) {
    //Nothing
  }

  public boolean onSingleTapUp(MotionEvent e) {
    return false; //Nothing
  }

  public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY) {
    return false; //Nothing
  }

  public void onLongPress(MotionEvent e) {
    //Nothing
  }

  public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) {
    return false; //Nothing
  }

    Finally Override OnTouchEvent of your webview and let it pass through events to the gesture detector like this: 

      @Override
  public boolean onTouchEvent(MotionEvent event) {
    if (gestureDetector.onTouchEvent(event)) return true;
    return super.onTouchEvent(event);
  }

    This works pretty good generally but there is 1 basic flaw to this solution: Some Events that are not identified as DoubleTap events could cause the Zoom of your webview.

    I´m still working on a solution for that and will post my progress here:
    WebView getting rid of double tap zoom.

    • 0