jQuery在webview中的移动UI缩放

目前我正在android app中使用基于web的模块。我使用Jquery移动设计并使用webview将其导入到android活动中。当我运行活动时，显示设计但不显示缩放到web视图，它包含横向和纵向滚动。我附带了这篇文章的代码。我需要帮助扩展jquery移动设计的活动。提前感谢！jQuery在webview中的移动UI缩放

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; 
    } 

}

scaling problem in emulator

来源

2014-01-28 Arun

如果我没记错的话那么下面，或两者的组合之一，导致Android的

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

你的问题，我相信UseWideViewPort告诉的WebView到在桌面模式下加载。

而且，你的HTML页面应该有

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

的 head标签之间

。（有了这个标签，你可能不需要修改WebViewSettings）

来源

2014-01-28 19:55:14 RocketSpock

jQuery在webview中的移动UI缩放

回答

相关问题