WebView 加载html图片如何适应屏幕大小

来源:互联网 发布:win7网络打印机找不到 编辑:程序博客网 时间:2024/06/05 08:05

当使用,WebView显示Html页面的时候,会发现图片大过手机的屏幕,需要拖动图片才可以查看,用户体验非常差,

实际上,要想使图片自适应屏幕大小,其实只要在

 private final WebViewClient webViewClient = new WebViewClient() {        @Override        public boolean shouldOverrideUrlLoading(WebView webView, String url) {            if (!TextUtils.isEmpty(url) && !Navigator.openStandardLink(webView.getContext(), url)) {                Navigator.openInBrowser(webView.getContext(), url);            }            return true;        }        @Override        public void onPageFinished(WebView view, String url) {            AlphaWebView.this.onPageFinished(url);            //  html加载完成之后,调用js的方法,使用该方法就可以使html中的图片适应屏幕大小            imgReset();        }    };   private void imgReset() {        loadUrl("javascript:(function(){"                + "var objs = document.getElementsByTagName('img'); "                + "for(var i=0;i<objs.length;i++)  " + "{"                + "var img = objs[i];   "                + "    img.style.width = '100%';   "                + "    img.style.height = 'auto';   "                + "}" + "})()");    }

这样设置后图片就可以适应屏幕大小。

如果想了解详细一些的话,可以查看这个文字。
参考:android webview加载html图片自适应手机屏幕大小&点击查看大图