美文网首页
解决webview中图片导致左右滑动的问题

解决webview中图片导致左右滑动的问题

作者: 凉风入梦 | 来源:发表于2018-09-12 16:47 被阅读0次

    有时候项目中使用webview时后台给的webview的图片有的特别大,已经超出了屏幕导致可以左右滑动,这样肯定不是我们想要的效果.这时候的解决办法就是使用Jsoup.
        下面是已经封装好的方法,拿到项目中直接用就可以.

    private String getNewContent(String htmltext){
            Document doc=Jsoup.parse(htmltext);
            Elements elements=doc.getElementsByTag("img");
            for (Element element : elements) {
                element.attr("width","100%").attr("height","auto");
            }
            Log.d("VACK", doc.toString());
            return doc.toString();
        }
    

    然后直接调用
    webView.loadDataWithBaseURL(null,getNewContent(htmltext2), "text/html", "utf-8", null);
    如果觉得还不好看的,还可以进行调整

    element.attr("width","100%").attr("height","auto");
    

    这样webview中的图片就会适配整个屏幕,达到我们想要的效果.
    注意!!!!
    导入的包是

    import org.jsoup.Jsoup;
    import org.jsoup.nodes.Document;
    import org.jsoup.nodes.Element;//这个特别容易导错
    import org.jsoup.select.Elements;
    

    另外如果你导入的jsoup包在1.63以上可能会出现
    ExceptionInInitializerError
    这个好像是20以上的api加载不到jar包,只要把包换成1.61就可以了
    Jsoup下载链接
    http://jsoup.org/packages/jsoup-1.6.1.jar

    本篇文章主要借鉴的是
    http://blog.csdn.net/vack2015/article/details/47357607

    我只是个小菜鸟,记录下来让自己记着[]( ̄▽ ̄)*

    相关文章

      网友评论

          本文标题:解决webview中图片导致左右滑动的问题

          本文链接:https://www.haomeiwen.com/subject/jibtfftx.html