android - 使 Webview 内容适合屏幕

Question

我有一个从本地 Assets 文件夹加载网站的 webview:

    webView = (WebView) findViewById(R.id.webView);

    //webView.setInitialScale(1);
    //webView.getSettings().setDefaultZoom(WebSettings.ZoomDensity.FAR);
    //webView.getSettings().setLoadWithOverviewMode(true);
    //webView.getSettings().setUseWideViewPort(true);

    webView.getSettings().setJavaScriptEnabled(true);
    webView.getSettings().setDomStorageEnabled(true);

    webView.setWebViewClient(new WebViewClient() {

        public void onPageFinished(WebView view, String url) {
            webView.setVisibility(View.VISIBLE);
        }
    });

    if ((Locale.getDefault().getLanguage()).contains("ar"))
        webView.loadUrl("file:///android_asset/Index-ar.html");
    else
        webView.loadUrl("file:///android_asset/Index-en.html");

默认情况下，网页是放大的，用户必须滚动，我想要的只是让页面宽度适合 webview 宽度(全屏)。

评论向您展示了我的尝试:

setInitialScale(1) 隐藏页面所有内容!

setDefaultZoom(WebSettings.ZoomDensity.FAR) 没有任何改变。

setLoadWithOverviewMode(true) 和 setUseWideViewPort(true) 缩小很多。

有什么建议吗？

Answer 1

有点晚了，但可以帮助到一些需要的人。

在网页的head标签中添加如下内容:

<meta name="viewport" content='width=device-width, initial-scale=1.0,text/html,charset=utf-8' >

然后在 Activity 中添加:

WebView webView = (WebView) findViewById(R.id.webView);

webView.setInitialScale(1);

webView.getSettings().setUseWideViewPort(true);
webView.getSettings().setLoadWithOverviewMode(true);

如果你想支持缩放按钮，你可以添加这个 -

webView.getSettings().setBuiltInZoomControls(true);
webView.getSettings().setSupportZoom(true);