JQuery mobile UI-масштабирование в webview

Question

В настоящее время я работаю над веб-модулем в Android-приложении. Я использую мобильный дизайн JQuery и импортирую его в андроидную деятельность с помощью webview. Когда я запускаю деятельность, дизайн отображается, но не масштабируется до веб-просмотра, содержит горизонтальные и вертикальные прокрутки. Я добавил код вместе с этим сообщением. Мне нужна помощь для масштабирования активности мобильного дизайна jquery. Спасибо заранее!

package com.example.updatesuite; 

import android.os.Bundle; 
import android.annotation.SuppressLint; 
import android.app.Activity; 
import android.view.Menu; 
import android.webkit.WebChromeClient; 
import android.webkit.WebSettings; 
import android.webkit.WebView; 
import android.webkit.WebViewClient; 

@SuppressLint("SetJavaScriptEnabled") 
public class Gateway extends Activity { 
    WebView wv1; 
    @Override 
    protected void onCreate(Bundle savedInstanceState) { 
     super.onCreate(savedInstanceState); 
     setContentView(R.layout.activity_gateway); 
     wv1=(WebView)findViewById(R.id.webView1); 
     WebSettings webSettings = wv1.getSettings(); 
     webSettings.setDefaultFontSize(14); 
     wv1.getSettings().setLoadWithOverviewMode(true); 
     wv1.getSettings().setUseWideViewPort(true); 
     wv1.getSettings().setJavaScriptEnabled(true); 
     wv1.getSettings().setSupportZoom(false); 
     wv1.getSettings().setBuiltInZoomControls(false); 
     wv1.setWebChromeClient(new WebChromeClient()); 
     wv1.setWebViewClient(new WebViewClient()); 
     wv1.loadUrl("http://applicationdownloader.pixub.com/walcliff/index.php"); 

    } 

    @Override 
    public boolean onCreateOptionsMenu(Menu menu) { 
     // Inflate the menu; this adds items to the action bar if it is present. 
     getMenuInflater().inflate(R.menu.gateway, menu); 
     return true; 
    } 

} 

Answer 1

Если я правильно помню, то один из следующих, или комбинации этих двух, вызывает проблему в Android

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

Я считаю, что UseWideViewPort говорит WebView к загрузить в рабочий режим.

Кроме того, ваши HTML страницы должны иметь

<meta name="viewport" content="width=device-width, user-scalable=no"> 

между head тегами. (С помощью этого тега вам может не понадобиться изменять настройки WebViewSettings)