webView实现网页缩放

Posted jdhdevelop

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了webView实现网页缩放相关的知识,希望对你有一定的参考价值。

项目中遇到要实现webview上面的网页缩放功能,在网上查了资料加自己实践后得出结论:
     //缩放开关,设置此属性,仅支持双击缩放,不支持触摸缩放
        mWebView.getSettings().setSupportZoom(true);
        //设置是否可缩放,会出现缩放工具(若为true则上面的设值也默认为true)
        mWebView.getSettings().setBuiltInZoomControls(true);
        //隐藏缩放工具
        mWebView.getSettings().setDisplayZoomControls(false);

 

加载的html代码中,必须去掉
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />

这一句。这句加上就不支持缩放了。






以上是关于webView实现网页缩放的主要内容,如果未能解决你的问题,请参考以下文章

WebView 加载网页和java 与js交互

android WebView控件显示网页

如何避免缩放android webview

Android WebView缩放配置总结

UIWebView 缩放问题

react-native-webview禁止缩放