WebView显示图片适配屏幕宽度

情景一、WebView加载url

图片直接就是标签出来的，还是一张巨大的图片，直接导致webview加载只有截取了屏幕大小的宽度，看不到整张图片，测试要求适配屏幕宽度。于是有了这篇博客记录一下,在Webview的setWebViewClient（）方法中WebViewClient中在加载完网页后执行一个JavaScript方法，这个JavaScript方法将所有网页中图片的宽度设置为屏幕显示宽度。

@Override
            public void onPageFinished(WebView view, String url) {
                super.onPageFinished(view, url);
                String javascript = "javascript:function ResizeImages() {" +
                        "var myimg,oldwidth;" +
                        "var maxwidth = document.body.clientWidth;" +
                        "for(i=0;i <document.images.length;i++){" +
                        "myimg = document.images[i];" +
                        "if(myimg.width > maxwidth){" +
                        "oldwidth = myimg.width;" +
                        "myimg.width = maxwidth;" +
                        "}" +
                        "}" +
                        "}";
                String width = String.valueOf(ScreenUtils.widthPixels(mContext));
                view.loadUrl(javascript);
                view.loadUrl("javascript:ResizeImages();");
            }

情景二、WebView直接加载HTML代码

这里还记载一种以前遇到的情况，就是接口返回一段HTML方法，需要我们把这段HTML方法放在WebView中显示出来，也会有图片需要适配屏幕宽度的需求，这里的解决方法就简单多了，毕竟我们可以拿到HTML代码处理。

String content = ".....<........>......</......>.....";//后台接口返回的需要在WebView中显示的HTML代码
content = content.replace("<img", "<img style=\"display:        ;max-width:100%;\"");
webView.loadDataWithBaseURL(null, content, "text/html", "utf-8", null);