android - WebView のスケールが正しくない

Question

PrimeFaces 上に構築された Web サイトがあります。私の問題は、WebView のコンテンツと画像が Chrome よりも大きく表示されることです。WebView でのレンダリングを Chrome と同じにするにはどうすればよいですか?

Web サイトはレスポンシブデザインであるため、スケーリングは役に立たないようです。私も試してみwrap_contentましたがfill_parent、成功しませんでした。

更新 1 : 以下は効果がありません。最小限に抑えるために、以下のコードからそれらを除外しました。

WebViewClient
ChromeViewClient
setLoadWithOverviewMode(true)
setUseWideViewPort(true)

更新 2 : setInitialScale()効果はありません。

MyActivity.java

public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main);
    webView = (WebView) findViewById(R.id.web_engine);
    webView.setWebViewClient(new WebViewClient());
    webView.getSettings().setJavaScriptEnabled(true);
    if (savedInstanceState == null) {
        webView.loadUrl("http://www.primefaces.org/showcase/mobile/index.xhtml");
    }
}

main.xml

<RelativeLayout xmlns:a="http://schemas.android.com/apk/res/android"
            a:layout_width="fill_parent"
            a:layout_height="fill_parent"
            a:background="#ffffff"
            a:orientation="vertical" >

<WebView a:id="@+id/web_engine"
         a:layout_width="fill_parent"
         a:layout_height="fill_parent"
/>

WebView クロム

score 4 · Accepted Answer

試す：

webView.getSettings().setLayoutAlgorithm(WebSettings.LayoutAlgorithm.TEXT_AUTOSIZING);
webView.getSettings().setSupportZoom(true);

ここで言及: http://developer.android.com/guide/webapps/migrating.html

具体的には、http: //developer.android.com/reference/android/webkit/WebSettings.LayoutAlgorithm.html#TEXT_AUTOSIZINGを参照してください。

完全なコードはこちら:

mWebView = (WebView) mLayoutMain.findViewById(R.id.webview_main);
mWebView.setWebViewClient(new WebViewClient(){
    @Override
    public boolean shouldOverrideUrlLoading(WebView view, String url) {
        view.loadUrl(url);
        return false;
    }
});
mWebView.getSettings().setJavaScriptEnabled(true);
mWebView.getSettings().setUseWideViewPort(true);
mWebView.getSettings().setLoadWithOverviewMode(true);
mWebView.getSettings().setBuiltInZoomControls(true);
mWebView.getSettings().setLayoutAlgorithm(WebSettings.LayoutAlgorithm.TEXT_AUTOSIZING);
mWebView.getSettings().setSupportZoom(true);
mWebView.loadUrl("http://www.primefaces.org/showcase/mobile/index.xhtml");

score 4 · Accepted Answer

同様の問題がありました。問題は、システムのフォントサイズ ([設定] -> [表示] -> [フォントサイズ]) が WebView のフォントサイズに影響を与えましたが、ブラウザーには影響しませんでした。

私はコルドバを使用しているので、コルドバプラグインで問題を解決しました。この回答を参照してください

プラグインコードを見ると、Android で次のようにしてフォントサイズをリセットします。

mWebView.getSettings().setTextZoom(100);

または（ICS以前）：

mWebView.getSettings().setTextSize(WebSettings.TextSize.NORMAL);

score 2 · Accepted Answer

まず、別のモバイルブラウザーでアプリをテストすることをお勧めします。同じ問題がある場合は、以下を参照してください。

ブラウザーとアプリの違いは、おそらく setUseWideViewPort WebSetting を true に設定しているときに間違いを犯しているためです。

以下のリンクを確認してください：

score 0 · Accepted Answer

サイズを変更せずにフォントサイズをクロムまたはWebサイトに一致させるには、次のようにしますwebSettings.setMinimumFontSize(1);

よろしくラミン

android - WebView のスケールが正しくない

5 に答える 5

Related

Reference