解决WebView无法缩放页面的问题

WebView缩放设置

首先需要从WebView获取到WebSettings，然后通过WebSettings设置WebView相关属性
WebSettings WebSettings = mWebView.getSettings();

• setUseWideViewPort(boolean use);//whether to enable support for the viewport meta tag
• setLoadWithOverviewMode(boolean overview); //Sets whether the WebView loads pages in overview mode
• setSupportZoom(boolean support);//Sets whether the WebView should support zooming
• setBuiltInZoomControls(boolean enabled); //Sets whether the WebView should use its built-in zoom mechanisms
• setDisplayZoomControls(boolean enabled) //Sets whether the WebView should display on-screen zoom controls

遇到的问题及解决办法

我使用WebView加载了本地的html，然后属性设置如下

    mEditor.getSettings().setUseWideViewPort(true); 
    mEditor.getSettings().setLoadWithOverviewMode(true); // 缩放至屏幕的大小
    mEditor.getSettings().setSupportZoom(true); //支持缩放
    mEditor.getSettings().setBuiltInZoomControls(true); //设置内置的缩放控件。
    mEditor.getSettings().setDisplayZoomControls(false); //隐藏原生的缩放控件`

理论上讲，这样就能让页面支持缩放了，然而事实并非如此。经过一番查找后，发现本地的html文件中设置了如下属性
好了，到这里就知道是怎么回事了，html限制了缩放功能，将这里的content 属性修改为user-scalable=yes 就可以了。