Android Webview - strona internetowa powinna mieścić się na ekranie urządzenia

Próbowałem dopasować stronę internetową w zależności od rozmiaru ekranu urządzenia.

mWebview.setInitialScale(30);

a następnie ustaw rzutnię metadanych

<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"/>

Ale nic nie działa, strona internetowa nie jest dostosowana do rozmiaru ekranu urządzenia.

Czy ktoś może mi powiedzieć, jak to zdobyć?

Musisz obliczyć skalę, której musisz użyć ręcznie, zamiast ustawiać na 30.

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

Następnie użyj

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

Możesz tego użyć

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

to naprawia rozmiar na podstawie rozmiaru ekranu.

Przyjaciele,

Znalazłem od Ciebie wiele ważnych i świetnych informacji. Ale jedyny sposób działał dla mnie w ten sposób:

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/");

Pracuję na Androidzie 2.1 ze względu na rodzaj urządzeń tej firmy. Ale rozwiązałem swój problem, korzystając z części informacji z każdego z nich.

Dzięki Ci!

Te ustawienia zadziałały dla mnie:

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

W moich próbach brakowało setInitialScale (1) .

Chociaż dokumentacja mówi, że 0 spowoduje powiększenie do końca, jeśli setUseWideViewPort jest ustawiony na true, ale 0 nie działało dla mnie i musiałem ustawić 1 .

Wypróbuj te wskazówki HTML5

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

A z tym, jeśli masz wersję Androida 2.1 lub nowszą

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

Wszystko, co musisz zrobić, to po prostu

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

Te działają dla mnie i dopasowują WebView do szerokości ekranu:

// 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);  

Dzięki powyższym radom i białej linii w widoku Eclipse Web

Mam ten sam problem, kiedy używam tego kodu

webview.setWebViewClient(new WebViewClient() {
}

więc być może powinieneś usunąć go ze swojego kodu
I pamiętaj, aby dodać 3 tryby poniżej dla swojego widoku internetowego

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

to naprawia rozmiar na podstawie rozmiaru ekranu

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

Działa to świetnie, ponieważ rozmiar tekstu został ustawiony na naprawdę mały przez .setLoadWithOverViewMode i .setUseWideViewPort.

Miałem wideo w ciągu html, a szerokość widoku sieci Web była większa niż szerokość ekranu i to działa dla mnie.

Dodaj te linie do ciągu HTML.

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

Wynik po dodaniu powyższego kodu do ciągu HTML:

<!DOCTYPE html>
<html>

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


</html>

W tym przypadku musisz użyć HTML w swoim webView. Rozwiązałem to za pomocą następującego kodu

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

Dokonywanie zmian w odpowiedzi przez danh32 od momentu wyświetlenia.getWidth (); jest teraz przestarzała.

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

Następnie użyj

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

Wygląda na to, że jest to problem z XML. Otwórz dokument XML zawierający Twój widok sieciowy. Usuń kod dopełniający u góry.

Następnie w układzie dodaj

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

W widoku sieci Web dodaj

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

Dzięki temu Web-View dopasowuje się do ekranu urządzenia.

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

zadziała, ale pamiętaj, aby usunąć coś takiego:

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

jeśli istniał w pliku html lub zmień user-scalable = yes, w przeciwnym razie nie.

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

Pomoże to w dostosowaniu emulatora do strony internetowej:

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

Możesz ustawić początkową skalę w procentach, jak pokazano powyżej.

Metoda getWidth obiektu Display jest nieaktualna. Zastąp onSizeChanged, aby uzyskać rozmiar WebView, gdy stanie się dostępny.

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

W teorii połączenie:

settings.setLayoutAlgorithm(LayoutAlgorithm.NARROW_COLUMNS); 

z

settings.setUseWideViewPort(false)

rozwiązuje problem, zawijając zawartość i dopasowując się do ekranu. Ale NARROW_COLUMNS został wycofany. Radzę przeczytać poniższy wątek, który szczegółowo omawia problem: https://code.google.com/p/android/issues/detail?id=62378

oto zaktualizowana wersja, która nie używa przestarzałych metod, oparta na odpowiedzi @ danh32:

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

do stosowania jednakowego:

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

Dla porównania, jest to implementacja Kotlin rozwiązania @ danh32:

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

W moim przypadku szerokość została określona przez trzy obrazy na 300 pikseli, więc:

webview.setInitialScale(getWebviewScale(300))

Znalezienie tego posta zajęło mi wiele godzin. Dzięki!

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