How to enable zoom controls and pinch zoom in a WebView?

AndroidWebview

Android Problem Overview

The default Browser app for Android shows zoom controls when you're scrolling and also allows for pinch zooming. How can I enable this feature for my own Webview?

I've tried:

webSettings.setBuiltInZoomControls(true);
webSettings.setSupportZoom(true);

but neither of the features get enabled as a result. Btw I've set a WebChromeClient and a WebViewClient for the Webview if that makes a difference.

Thanks!

Android Solutions

Solution 1 - Android

Strange. Inside OnCreate method, I'm using

webView.getSettings().setBuiltInZoomControls(true);

And it's working fine here. Anything particular in your webview ?

Solution 2 - Android

Use these:

webview.getSettings().setBuiltInZoomControls(true);
webview.getSettings().setDisplayZoomControls(false);

Solution 3 - Android

Check if you don't have a ScrollView wrapping your Webview.

In my case that was the problem. It seems ScrollView gets in the way of the pinch gesture.

To fix it, just take your Webview outside the ScrollView.

Solution 4 - Android

Inside OnCreate, add:

 webview.getSettings().setSupportZoom(true);
 webview.getSettings().setBuiltInZoomControls(true);
 webview.getSettings().setDisplayZoomControls(false);

Inside the html document, add:

<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=2, user-scalable=yes">
</head>
</html>

Inside javascript, omit:

//event.preventDefault ? event.preventDefault() : (event.returnValue = false);

Solution 5 - Android

To enable zoom controls in a WebView, add the following line:

webView.getSettings().setBuiltInZoomControls(true);

With this line of code, you get the zoom enabled in your WebView, if you want to remove the zoom in and zoom out buttons provided, add the following line of code:

webView.getSettings().setDisplayZoomControls(false);

Solution 6 - Android

Try this code, I get working fine.

 webSettings.setSupportZoom(true);
 webSettings.setBuiltInZoomControls(true);
 webSettings.setDisplayZoomControls(false);
Categories
Recommended Android Solutions
Recommended Webview Solutions

Previous Solution:

Vim: How to change the highlight color for search hits and quickfix selection

ColorsVim

Next Solution:

Lightweight Javascript DB for use in Node.js

JavascriptDatabaseKey Value-Store

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionRobert BanaView Question on Stackoverflow
Solution 1 - AndroidzovView Answer on Stackoverflow
Solution 2 - AndroidDario BruxView Answer on Stackoverflow
Solution 3 - AndroidBitcoin Cash - ADA enthusiastView Answer on Stackoverflow
Solution 4 - AndroidJarirView Answer on Stackoverflow
Solution 5 - AndroidAnubhavView Answer on Stackoverflow
Solution 6 - AndroidMuhammed HarisView Answer on Stackoverflow