장치 화면 크기에 따라 웹 페이지에 맞게 다음을 시도했습니다.
mWebview.setInitialScale(30);그런 다음 메타 데이터 뷰포트를 설정합니다.
<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"/>
그러나 아무것도 작동하지 않으며 웹 페이지는 장치 화면 크기로 고정되지 않습니다.
누구든지 이것을 얻는 방법을 말해 줄 수 있습니까?
답변:
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();
}
그런 다음
WebView web = new WebView(this);
web.setPadding(0, 0, 0, 0);
web.setInitialScale(getScale());
이것을 사용할 수 있습니다
WebView browser = (WebView) findViewById(R.id.webview);
browser.getSettings().setLoadWithOverviewMode(true);
browser.getSettings().setUseWideViewPort(true);
이것은 화면 크기에 따라 크기를 수정합니다.
친구,
나는 당신에게서 많은 수입품과 훌륭한 정보를 발견했습니다. 하지만 저에게 효과가있는 유일한 방법은 다음과 같습니다.
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/");
나는 회사의 기기 종류 때문에 Android 2.1에서 작업하고 있습니다. 하지만 각 정보의 일부를 사용하여 문제를 해결했습니다.
감사합니다!
이 설정은 저에게 효과적이었습니다.
wv.setInitialScale(1);
wv.getSettings().setLoadWithOverviewMode(true);
wv.getSettings().setUseWideViewPort(true);
wv.getSettings().setJavaScriptEnabled(true);내 시도에서 setInitialScale (1) 이 누락되었습니다.
문서에 따르면 setUseWideViewPort 가 true 로 설정되어 있으면 0 이 완전히 축소 되지만 0 이 작동하지 않아 1 을 설정해야했습니다 .
이 HTML5 팁으로 시도
http://www.html5rocks.com/en/mobile/mobifying.html
Android 버전이 2.1 이상이면 이것으로
WebView.getSettings().setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN);당신이해야 할 일은 단순히
webView.getSettings().setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN);
webView.getSettings().setLoadWithOverviewMode(true);
webView.getSettings().setUseWideViewPort(true);이것들은 나를 위해 작동하며 WebView를 화면 너비에 맞 춥니 다.
// 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); 이클립스 웹보기에서 위의 조언과 화이트 라인 감사합니다.
이 코드를 사용할 때도 같은 문제가 있습니다.
webview.setWebViewClient(new WebViewClient() {
}그래서 당신은 당신의 코드에서 그것을 제거 해야 할 수도 있습니다
그리고 당신의 webview에 대해 아래 3 가지 모드를 추가하는 것을 잊지 마십시오
webview.getSettings().setJavaScriptEnabled(true);
webview.getSettings().setLoadWithOverviewMode(true);
webview.getSettings().setUseWideViewPort(true);이것은 화면 크기에 따라 크기를 수정합니다.
WebView browser = (WebView) findViewById(R.id.webview);
browser.getSettings().setLoadWithOverviewMode(true);
browser.getSettings().setUseWideViewPort(true);
browser.getSettings().setMinimumFontSize(40);이것은 텍스트 크기가 .setLoadWithOverViewMode 및 .setUseWideViewPort에 의해 매우 작게 설정 되었기 때문에 저에게 잘 작동합니다.
나는 html 문자열로 비디오를 가지고 있었고 웹보기의 너비가 화면 너비보다 컸고 이것은 나를 위해 일하고 있습니다.
이 행을 HTML 문자열에 추가하십시오.
<head>
<meta name="viewport" content="width=device-width">
</head>위의 코드를 HTML 문자열에 추가 한 후의 결과 :
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width">
</head>
</html>이 경우 webView에서 HTML을 사용해야합니다. 다음 코드를 사용하여이 문제를 해결했습니다.
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 (); 이후 danh32에 의한 답변 변경 이제 더 이상 사용되지 않습니다.
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();
}그런 다음
WebView web = new WebView(this);
web.setPadding(0, 0, 0, 0);
web.setInitialScale(getScale());이것은 XML 문제처럼 보입니다. Web-View가 포함 된 XML 문서를 엽니 다. 상단의 패딩 코드를 삭제합니다.
그런 다음 레이아웃에서
android:layout_width="fill_parent"
android:layout_height="fill_parent"Web-View에서
android:layout_width="fill_parent"
android:layout_height="fill_parent" 이렇게하면 Web-View가 장치 화면에 맞습니다.
webview.setInitialScale(1);
webview.getSettings().setLoadWithOverviewMode(true);
webview.getSettings().setUseWideViewPort(true);
webview.getSettings().setJavaScriptEnabled(true);작동하지만 다음과 같은 것을 제거하는 것을 잊지 마십시오.
<meta name="viewport" content="user-scalable=no"/>html 파일에 존재하거나 user-scalable = yes를 변경하면 그렇지 않으면 그렇지 않습니다.
Display 객체의 getWidth 메소드는 더 이상 사용되지 않습니다. WebView를 사용할 수있게되면 크기를 가져 오려면 onSizeChanged를 재정의합니다.
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);
}
};WEB_PAGE_WIDTH습니까?
이론적으로 다음의 조합 :
settings.setLayoutAlgorithm(LayoutAlgorithm.NARROW_COLUMNS); 와
settings.setUseWideViewPort(false)내용을 감싸고 화면에 맞추면서 문제를 해결합니다. 그러나 NARROW_COLUMNS 는 더 이상 사용되지 않습니다. 문제를 자세히 살펴볼 수있는 아래 스레드를 읽어 보시기 바랍니다 . https://code.google.com/p/android/issues/detail?id=62378
@ 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;
}
}동일하게 사용 :
int initialScale = this.getScale(420d);
this.mWebView.setInitialScale(initialScale);참고로 이것은 @ danh32 솔루션의 Kotlin 구현입니다.
private fun getWebviewScale (contentWidth : Int) : Int {
val dm = DisplayMetrics()
windowManager.defaultDisplay.getRealMetrics(dm)
val pixWidth = dm.widthPixels;
return (pixWidth.toFloat()/contentWidth.toFloat() * 100F)
.toInt()
}제 경우에는 너비가 3 개의 이미지에 의해 300 pix로 결정되었습니다.
webview.setInitialScale(getWebviewScale(300))이 게시물을 찾는 데 몇 시간이 걸렸습니다. 감사!
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);