为什么缩小缩放在我的Android WebView中不起作用？

Question

我有一个像这样的布局的活动:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="${relativePackage}.${activityClass}" >

    <include  layout="@layout/window_title" />

    <WebView
        android:id="@+id/webView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_centerHorizontal="true" 
        android:layout_below="@+id/linear_layout"/>

</RelativeLayout>

这是我如何配置它:

    // Enable JavaScript.
    WebView myWebView = (WebView) findViewById(R.id.webView);
    WebSettings webSettings = myWebView.getSettings();
    webSettings.setJavaScriptEnabled(true);

    // Settings so page loads zoomed-out all the way.
    webSettings.setLoadWithOverviewMode(true);
    webSettings.setUseWideViewPort(true);
    webSettings.setBuiltInZoomControls(true);

这是我的清单文件中的版本设置:

<uses-sdk
    android:minSdkVersion="10"
    android:targetSdkVersion="17" />

我正在尝试在WebView中加载此页面:

https://new.livestream.com/lcboise

页面加载很好,但我不能捏缩放.我尝试了不同的WebView设置组合(上面,包括未列出的其他组合),但它不会缩放.

观察:

1)加载我正在使用的另一个页面(https://lcboise.infellowship.com/UserLogin)在完全相同的WebView中允许我缩放.

2)我的主要测试设备,哪里不起作用,是运行Android的v4.4.3的HTC One.

3)我可以在我正在使用运行Android的v2.3.3的旧测试设备上加载和缩放直播页面.

是否有可能页面中的某些内容破坏了HTC One上运行的WebView？如果是这样,任何猜测可能会这样做？

更新[解决方案]:

这是我必须添加到我的WebView以获得缩放工作:

    myWebView.setWebViewClient(new WebViewClient() {

        @Override
        public void onPageFinished(WebView view, String url) {
            String javascript="javascript:document.getElementsByName('viewport')[0].setAttribute('content', 'initial-scale=1.0,maximum-scale=10.0');";
            view.loadUrl(javascript);
        }
    });

Answer 1

这是您链接的页面具有以下视口元标记:

<meta name="viewport" content="width=1024, maximum-scale=1.0, target-densitydpi=device-dpi">

有效的页面具有不同的视口元标记.该maximum-scale位告诉WebView不允许放大超过指定的量.

该网站也应该在任何现代移动浏览器中打破.将最大比例设置为较低的值,就像那样不是非常"移动友好",所以它可能只是网站上的一个错误.您是否尝试过与所有者联系,也许他们可以在服务器端修复它？

您在WebView中无法做很多事情,不会导致其他网站呈现错误.您可以尝试通过更改元标记作为最后的手段来注入JS来修复页面.

Answer 2

你试过这个建议吗？

webSettings.setSupportZoom(true);

请参阅在 WebView 中禁用双指缩放？

请注意，该链接是关于禁用缩放的。但也许正如某些用户所建议的那样，默认情况下您的缩放被禁用了。

Answer 3

添加这两行以使捏放大Webview

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