Android Webview,缩放内容以适应屏幕

Question

我的朋友使用javascript创建了一个应用程序,并将其上传到他的网站.

现在我试图将它包装到android中的webview中,并且在某些方面工作正常.

该页面是480x320

但无论我在Android上选择哪种屏幕,webview底部都有一个空白区域.我已经尝试了很多方法来缩放它,但没有任何效果.

我这时的代码是这样的

    final WebView browser = (WebView)findViewById(R.id.webview);   
    browser.getSettings().setJavaScriptEnabled(true);
    browser.loadUrl("http://page.xx");  

Answer 1

我需要按比例调整宽度,而FunkTheMonk的这种变化对我来说效果很好:

@Override
public void onPageFinished(android.webkit.WebView view, String url)
{
    super.onPageFinished(view, url);

    WindowManager manager = (WindowManager) getContext().getSystemService(Context.WINDOW_SERVICE);

    DisplayMetrics metrics = new DisplayMetrics();
    manager.getDefaultDisplay().getMetrics(metrics);

    metrics.widthPixels /= metrics.density;

    loadUrl("javascript:var scale = " + metrics.widthPixels + " / document.body.scrollWidth; document.body.style.zoom = scale;");
}

Answer 2

wb.loadUrl("javascript:document.body.style.zoom = "+String.valueOf(scale)+";");

scale你可以计算一个浮点数在哪里- 我认为在你的情况下你想要的东西如下:browser.getHeight() / 480dp.在网页加载完成后加载此网址.