Android Web Görünümü - Web sayfası cihaz ekranına sığmalıdır

Aşağıdakileri, cihaz ekran boyutuna göre web sayfasına sığdırmak için denedim.

mWebview.setInitialScale(30);

ve sonra meta veri görünüm alanını ayarlayın

<meta name="viewport" content="width=320, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; minimum-scale=1.0; user-scalable=0;"/>
<meta name="viewport" content="width=device-width, target-densityDpi=medium-dpi"/>

Ancak hiçbir şey çalışmıyor, web sayfası cihazın ekran boyutuna sabitlenmiyor.

Biri bana bunu nasıl alacağımı söyleyebilir mi?

30'a ayarlamak yerine manuel olarak kullanmanız gereken ölçeği hesaplamanız gerekir.

private int getScale(){
    Display display = ((WindowManager) getSystemService(Context.WINDOW_SERVICE)).getDefaultDisplay(); 
    int width = display.getWidth(); 
    Double val = new Double(width)/new Double(PIC_WIDTH);
    val = val * 100d;
    return val.intValue();
}

Sonra kullan

WebView web = new WebView(this);
web.setPadding(0, 0, 0, 0);
web.setInitialScale(getScale());

Bunu kullanabilirsin

    WebView browser = (WebView) findViewById(R.id.webview);
    browser.getSettings().setLoadWithOverviewMode(true);
    browser.getSettings().setUseWideViewPort(true);

bu, boyutu ekran boyutuna göre düzeltir.

Arkadaşlar,

Sizden çok fazla önemli ve harika bilgi buldum. Ama benim için işe yarayan tek yol şuydu:

webView = (WebView) findViewById(R.id.noticiasWebView);
webView.setInitialScale(1);
webView.getSettings().setJavaScriptEnabled(true);
webView.getSettings().setLoadWithOverviewMode(true);
webView.getSettings().setUseWideViewPort(true);
webView.setScrollBarStyle(WebView.SCROLLBARS_OUTSIDE_OVERLAY);
webView.setScrollbarFadingEnabled(false);
webView.loadUrl("http://www.resource.com.br/");

Şirketten gelen cihazlar nedeniyle Android 2.1 üzerinde çalışıyorum. Ama her birinden bilgi bölümünü kullanarak sorunumu çözdüm.

Teşekkürler!

Bu ayarlar benim için çalıştı:

wv.setInitialScale(1);
wv.getSettings().setLoadWithOverviewMode(true);
wv.getSettings().setUseWideViewPort(true);
wv.getSettings().setJavaScriptEnabled(true);

setInitialScale (1) eksikti.

Dokümantasyon söylüyor rağmen 0 eğer tüm yol uzaklaşır setUseWideViewPort ayarlandığında gerçek ama 0 benim için çalışmalarını vermedi ve ben ayarlamak zorunda 1 .

Bu HTML5 ipuçlarını deneyin

http://www.html5rocks.com/en/mobile/mobifying.html

Ve bununla Android Sürümünüz 2.1 veya üzeriyse

  WebView.getSettings().setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN);

Tek yapmanız gereken basitçe

webView.getSettings().setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN);
webView.getSettings().setLoadWithOverviewMode(true);
webView.getSettings().setUseWideViewPort(true);

Bunlar benim için çalışıyor ve Web Görünümü'nü ekran genişliğine sığdırıyor:

// get from xml, with all size set "fill_parent"  
webView = (WebView) findViewById(R.id.webview_in_layout);  
// fit the width of screen
webView.getSettings().setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN); 
// remove a weird white line on the right size
webView.setScrollBarStyle(WebView.SCROLLBARS_OUTSIDE_OVERLAY);  

Tutulma Web görünümünde yukarıdaki tavsiyeler ve Beyaz çizgi teşekkürler

Bu kodu kullandığımda aynı problemi yaşıyorum

webview.setWebViewClient(new WebViewClient() {
}

belki de onu kodunuzdan kaldırmalısınız
ve web görünümünüz için aşağıya 3 mod eklemeyi unutmayın

    webview.getSettings().setJavaScriptEnabled(true);  
    webview.getSettings().setLoadWithOverviewMode(true);
    webview.getSettings().setUseWideViewPort(true);

bu, boyutu ekran boyutuna göre düzeltir

WebView browser = (WebView) findViewById(R.id.webview);
browser.getSettings().setLoadWithOverviewMode(true);
browser.getSettings().setUseWideViewPort(true);
browser.getSettings().setMinimumFontSize(40);

Metin boyutu .setLoadWithOverViewMode ve .setUseWideViewPort tarafından gerçekten küçük olarak ayarlandığından, bu benim için harika çalışıyor.

Html dizesinde video vardı ve web görünümünün genişliği ekran genişliğinden daha büyüktü ve bu benim için çalışıyor.

Bu satırları HTML dizesine ekleyin.

<head>
<meta name="viewport" content="width=device-width">
</head>

Yukarıdaki kodu HTML dizesine ekledikten sonraki sonuç:

<!DOCTYPE html>
<html>

<head>
<meta name="viewport" content="width=device-width">
</head>


</html>

Bu durumda web görünümünüzde HTML kullanmanız gerekir. Bunu aşağıdaki kodu kullanarak çözdüm

webView.loadDataWithBaseURL(null,
                "<!DOCTYPE html><html><body style = \"text-align:center\"><img src= "
                        + \"http://www.koenvangorp.be/photos/2005_09_16-moon_2000.jpg\"
                        + " alt=\"pageNo\" width=\"100%\"></body></html>",
                "text/html", "UTF-8", null);

Display.getWidth () 'den bu yana danh32 tarafından yanıtta değişiklik yapılması; artık kullanımdan kaldırıldı.

private int getScale(){
    Point p = new Point();
    Display display = ((WindowManager) getSystemService(Context.WINDOW_SERVICE)).getDefaultDisplay(); 
    display.getSize(p);
    int width = p.x; 
    Double val = new Double(width)/new Double(PIC_WIDTH);
    val = val * 100d;
    return val.intValue();
}

Sonra kullan

WebView web = new WebView(this);
web.setPadding(0, 0, 0, 0);
web.setInitialScale(getScale());

Bu bir XML problemi gibi görünüyor. Web Görünümünüzü içeren XML belgesini açın. Üst kısımdaki dolgu kodunu silin.

Ardından düzende şunu ekleyin:

android:layout_width="fill_parent"
android:layout_height="fill_parent"

Web Görünümünde şunu ekleyin:

android:layout_width="fill_parent"
android:layout_height="fill_parent" 

Bu, Web Görünümü'nü cihaz ekranına sığdırır.

webview.setInitialScale(1);
webview.getSettings().setLoadWithOverviewMode(true);
webview.getSettings().setUseWideViewPort(true);
webview.getSettings().setJavaScriptEnabled(true);

işe yarayacak, ancak aşağıdaki gibi bir şeyi kaldırmayı unutmayın:

<meta name="viewport" content="user-scalable=no"/>

html dosyasında varsa veya user-scalable = yes'i değiştirin, aksi takdirde olmaz.

int PIC_WIDTH= webView.getRight()-webView.getLeft();

Bu, emülatörü web sayfasına göre ayarlamanıza yardımcı olacaktır:

WebView wb;
//CALL THIS METHOD
wb.setInitialScale(50);

Başlangıç ​​ölçeğini yukarıda gösterildiği gibi yüzde olarak ayarlayabilirsiniz.

Görüntüleme nesnesinin getWidth yöntemi kullanımdan kaldırılmıştır. Kullanılabilir olduğunda Web Görünümü boyutunu almak için onSizeChanged öğesini geçersiz kılın.

WebView webView = new WebView(context) {

    @Override
    protected void onSizeChanged(int w, int h, int ow, int oh) {

        // if width is zero, this method will be called again
        if (w != 0) {

            Double scale = Double.valueOf(w) / Double.valueOf(WEB_PAGE_WIDTH);

            scale *= 100d;

            setInitialScale(scale.intValue());
        }

        super.onSizeChanged(w, h, ow, oh);
    }
};

Teorik olarak aşağıdakilerin kombinasyonu:

settings.setLayoutAlgorithm(LayoutAlgorithm.NARROW_COLUMNS); 

ile

settings.setUseWideViewPort(false)

sorunu çözer, içeriği sarar ve ekrana sığdırır. Ancak NARROW_COLUMNS kullanımdan kaldırıldı. Sorunu ayrıntılı olarak araştıran aşağıdaki konuyu okumanızı tavsiye ederim: https://code.google.com/p/android/issues/detail?id=62378

@ danh32'nin cevabına dayalı, kullanımdan kaldırılmış yöntemleri kullanmayan güncellenmiş bir sürümü burada bulabilirsiniz:

protected int getScale(Double contentWidth) {
    if(this.getActivity() != null) {
        DisplayMetrics displaymetrics = new DisplayMetrics();
        this.getActivity().getWindowManager().getDefaultDisplay().getMetrics(displaymetrics);
        Double val = displaymetrics.widthPixels / contentWidth * 100d;
        return val.intValue();
    } else {
        return 100;
    }
}

aynı şekilde kullanılacak:

int initialScale = this.getScale(420d);
this.mWebView.setInitialScale(initialScale);

Referans için bu, @ danh32'nin çözümünün bir Kotlin uygulamasıdır:

private fun getWebviewScale (contentWidth : Int) : Int {
    val dm = DisplayMetrics()
    windowManager.defaultDisplay.getRealMetrics(dm)
    val pixWidth = dm.widthPixels;
    return (pixWidth.toFloat()/contentWidth.toFloat() * 100F)
             .toInt()
}

Benim durumumda, genişlik üç görüntü tarafından 300 piksel olarak belirlendi, bu yüzden:

webview.setInitialScale(getWebviewScale(300))

Bu yazıyı bulmam saatler sürdü. Teşekkürler!

WebView webView = (WebView)findViewById(R.id.web_view);
webView.setInitialScale((int) getResources().getDimension(R.dimen._50sdp)); // getActivity(). if you are at Fragment
webView.getSettings().setLoadsImagesAutomatically(true);
webView.getSettings().setJavaScriptEnabled(true);
webView.setScrollBarStyle(View.SCROLLBARS_INSIDE_OVERLAY);
webView.loadDataWithBaseURL(null,here comes html content,"text/html","UTF-8", null);
webView.getSettings().setBuiltInZoomControls(true);
webView.getSettings().setSupportZoom(true);
webView.getSettings().setDisplayZoomControls(true);
webView.getSettings().setDefaultZoom(WebSettings.ZoomDensity.FAR);