首页前端开发HTMLwebView加载html图片遇到的问题解决

webView加载html图片遇到的问题解决

时间2024-01-25 02:50:32发布访客分类HTML浏览444
导读:收集整理的这篇文章主要介绍了webView加载html图片遇到的问题解决,觉得挺不错的,现在分享给大家,也给大家做个参考。 当解析接口 突然出现一个XMl形式的html格式的字符串的时候不用慌张,正常去交给webview的load...
收集整理的这篇文章主要介绍了webView加载html图片遇到的问题解决,觉得挺不错的,现在分享给大家,也给大家做个参考。

当解析接口 突然出现一个XMl形式的html格式的字符串的时候不用慌张,正常去交给webview的loaddata方法来解决即可,但是今天说的是一组图片字符串

img src="//yanxuan.nosdn.127.net/75c55a13fde5eB2Bc2dd6813b4c565cc.jpg">
             img src="//yanxuan.nosdn.127.net/e27e1de2b271a28a21c10213b9DF7e95.jpg">
             img src="//yanxuan.nosdn.127.net/9d413d1d28f753cb19096b533d53418d.jpg">
             img src="//yanxuan.nosdn.127.net/64b0f2f350969e9818a3b6c43c217325.jpg">
             img src="//yanxuan.nosdn.127.net/a668e6ae7F1fa45565c1eac221787570.jpg">
             img src="//yanxuan.nosdn.127.net/0d4004e19728f2707f08f4be79bbc774.jpg">
             img src="//yanxuan.127.net/79ee021bbe97de7ecda691de6787241f.jpg">
    

因为给出的网址不包含http:// 所以怎么解都解不出来的 我们只需要拼接一下这个数据 然后在利用jsoup来适配一下屏幕即可

implementation 'org.jsoup:jsoup:1.10.2'

解析方法

    public static String formatHtML(String str){
    //        String httpStr="";
    //        String divStr="div>
    $content/div>
    ";
    //        String ulStr="ul style=\"line-style:none\">
    $ul/ul>
    ";
            String[] splIT = str.split(">
    ");
            StringBuffer sb = new StringBuffer();
            for (int i = 0;
     i  split.length;
 i++) {
                String replace = split[i].replace("img src=\"", "img src=\"http:");
                sb.apPEnd(replace+">
    ");
    //            sb.append("li>
    "+ replace +">
    "+"/li>
    ");
        }
    //        ulStr=ulStr.replace("$ul", sb.toString());
    //        divStr=divStr.replace("$content", ulStr);
            return sb.toString();
    }
    

当时是想着吧该html片段还原一个标准的div嵌套无序列表的形式 结果发现不用这么麻烦依然好用 下面是代码

  //  content就是哪个html数据       String content = t1.getData().getContent();
      //进行拼接http:            String s = formatHtml(content);
    //jsoup适配屏幕大小            Document doc = Jsoup.parse(s);
                Elements elem_img = doc.getElementsByTag("img");
// 图片自适应屏幕            if (elem_img.size() != 0) {
                for (Element el_img : elem_img) {
                        el_img.attr("style", "width:100%");
                }
            }
    //适配之后转换回字符串            String s1 = doc.toString();
    //以下这些设置不用设置 设置效果也不如jsoup适配后的效果//            WebSettings settings = webView.getSettings();
    //            settings.setJavaScriptEnabled(true);
    //            settings.setUseWideViewPort(true);
    //关键点//            settings.setLoadWithOverviewMode(true);
     //在webview内部打开浏览器            webView.setWebViewClient(new WebViewClient());
    //            settings.setLayoutAlgorithm(WebSettings.LayoutAlgorithm.SINGLE_COLUMN);
    //            settings.setDefaultTextEncodingName("utf-8") ;
    //以下俩种方式效果一样 用哪个都行            webView.loadData(s1, "text/html","utf-8");
    //            webView.loadDataWithBaseURL(null,s1, "text/html",  "utf-8", null);
                LOG.i("tag", "subjectPage 1Result: "+s);
    

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

上一篇: Html5自定义字体解决方法下一篇:使用postMessage让 iframe自适应...猜你在找的html5相关文章 关于移动端h5开发相关内容总结2022-05-17html5教程-学表单的第二天2018-12-10html5教程-HTML5浏览器支持2018-12-10html5教程-HTML5智能表单2018-12-10html5教程-微信H5使用resLoader实现加载页效果2018-12-10html5教程-day01-初级-JS0-热身运动JS入门教程2018-12-10html5教程-html5shiv.js和respond.min.js2018-12-10html5教程-不同浏览器对于html5 audio标签和音频格式的兼容性2018-12-10html5教程-使用Html5实现手风琴案例2018-12-10html5教程-html5笔记2018-12-10 其他相关热搜词更多phpjavapython程序员load

若转载请注明出处: webView加载html图片遇到的问题解决
本文地址: https://pptw.com/jishu/586053.html
HTML table 表格边框的实现思路 高清屏下canvas重置尺寸引发的问题的解决

游客 回复需填写必要信息