关于webview的页面适配

之前接入的h5都是适配好给app端的,这次遇到用的别人的h5,而且没有去适配好app端。出现web展示的h5特别大。 解决方案如下:

settings.setUseWideViewPort(true); settings.setLoadWithOverviewMode(true); settings.setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN);

基本上加上上面三行就可以了
其他的适配: 【关于webview的页面适配】以下摘自博客地址,只是为了便于自己查看其他配置。
webView = findViewById(R.id.webView); WebSettings settings = webView.getSettings(); // 设置WebView支持JavaScript settings.setJavaScriptEnabled(true); //支持自动适配 settings.setUseWideViewPort(true); settings.setLoadWithOverviewMode(true); settings.setSupportZoom(true); //支持放大缩小 settings.setBuiltInZoomControls(true); //显示缩放按钮 settings.setBlockNetworkImage(true); // 把图片加载放在最后来加载渲染 settings.setAllowFileAccess(true); // 允许访问文件 settings.setSaveFormData(true); settings.setGeolocationEnabled(true); settings.setDomStorageEnabled(true); settings.setJavaScriptCanOpenWindowsAutomatically(true); /// 支持通过JS打开新窗口 settings.setLayoutAlgorithm(WebSettings.LayoutAlgorithm.NARROW_COLUMNS); settings.setLayoutAlgorithm(WebSettings.LayoutAlgorithm.SINGLE_COLUMN); //设置不让其跳转浏览器 webView.setWebViewClient(new WebViewClient() { @Override public boolean shouldOverrideUrlLoading(WebView view, String url) { return false; } }); // 添加客户端支持 webView.setWebChromeClient(new WebChromeClient()); //mWebView.loadUrl(TEXTURL); //不加这个图片显示不出来 if (Build.VERSION.SDK_INT > Build.VERSION_CODES.LOLLIPOP) { webView.getSettings().setMixedContentMode(WebSettings.MIXED_CONTENT_ALWAYS_ALLOW); } webView.getSettings().setBlockNetworkImage(false); //允许cookie 不然有的网站无法登陆 CookieManager mCookieManager = CookieManager.getInstance(); mCookieManager.setAcceptCookie(true); mCookieManager.setAcceptThirdPartyCookies(webView, true); webView.loadUrl(URL);

    推荐阅读