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縮放

回答

相關問題