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


Posted in HTML / CSS onOctober 08, 2019

当解析接口 突然出现一个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);

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

HTML / CSS 相关文章推荐
CSS3弹性布局内容对齐(justify-content)属性使用详解
Jul 31 HTML / CSS
纯CSS3实现带动画效果导航菜单无需js
Sep 27 HTML / CSS
css3和jquery实现自定义checkbox和radiobox组件
Apr 22 HTML / CSS
CSS的background属性及CSS3的背景图片设置总结
Jun 13 HTML / CSS
基于CSS3 animation动画属性实现轮播图效果
Sep 12 HTML / CSS
详解CSS3 rem(设置字体大小) 教程
Nov 21 HTML / CSS
IE9下html5初试小刀
Sep 21 HTML / CSS
详解HTML5 Canvas绘制时指定颜色与透明度的方法
Mar 25 HTML / CSS
HTML5+Canvas+CSS3实现齐天大圣孙悟空腾云驾雾效果
Apr 26 HTML / CSS
html5移动端禁止长按图片保存的实现
Apr 20 HTML / CSS
基于CSS3画一个iPhone
Apr 21 HTML / CSS
使用postMessage让 iframe自适应高度的方法示例
Oct 08 #HTML / CSS
基于 HTML5 WebGL 实现的医疗物流系统
Oct 08 #HTML / CSS
html2canvas生成清晰的图片实现打印的示例代码
Sep 30 #HTML / CSS
html5视频媒体标签video的使用方法及完整参数说明详解
Sep 27 #HTML / CSS
Html5实现首页动态视频背景的示例代码
Sep 25 #HTML / CSS
HTML5自定义元素播放焦点图动画的实现
Sep 25 #HTML / CSS
使用Html5中的cavas画一面国旗
Sep 25 #HTML / CSS
You might like
使用PHP模拟HTTP认证
2006/10/09 PHP
php 冒泡排序 交换排序法
2011/05/10 PHP
PHP把空格、换行符、中文逗号等替换成英文逗号的正则表达式
2014/05/04 PHP
php实例分享之mysql数据备份
2014/05/19 PHP
IE 下的只读 innerHTML
2009/08/21 Javascript
初识javascript 文档碎片
2010/07/13 Javascript
jQuery页面加载初始化常用的三种方法
2014/06/04 Javascript
搭建pomelo 开发环境
2014/06/24 Javascript
jQuery获取父元素及父节点的方法小结
2016/04/14 Javascript
js控制按钮,防止频繁点击响应的实例
2017/02/15 Javascript
详解Angular 4.x Injector
2017/05/04 Javascript
angularJs使用$watch和$filter过滤器制作搜索筛选实例
2017/06/01 Javascript
JS通过位运算实现权限加解密
2018/08/14 Javascript
vue.js使用v-model实现表单元素(input) 双向数据绑定功能示例
2019/03/08 Javascript
js事件触发操作实例分析
2019/06/21 Javascript
使用p5.js实现动态GIF图片临摹重现
2019/10/23 Javascript
vue 根据选择条件显示指定参数的例子
2019/11/09 Javascript
vue实现顶部菜单栏
2020/11/08 Javascript
python机器学习理论与实战(一)K近邻法
2021/01/28 Python
Python流程控制 if else实现解析
2019/09/02 Python
Python3 tkinter 实现文件读取及保存功能
2019/09/12 Python
python实现的汉诺塔算法示例
2019/10/23 Python
django商品分类及商品数据建模实例详解
2020/01/03 Python
python Canny边缘检测算法的实现
2020/04/24 Python
解决Python 函数声明先后顺序出现的问题
2020/09/02 Python
Perfume’s Club中文官网:西班牙美妆在线零售品牌
2020/08/24 全球购物
纬创Java面试题笔试题
2014/10/02 面试题
关于旷工的检讨书
2014/02/02 职场文书
委托公证书
2014/04/08 职场文书
红领巾广播站广播稿
2014/10/19 职场文书
2014年纪检工作总结
2014/11/12 职场文书
2014年老干部工作总结
2014/11/21 职场文书
学校开除通知书
2015/04/25 职场文书
《坐井观天》教学反思
2016/02/18 职场文书
详解在OpenCV中如何使用图像像素
2022/03/03 Python
解决vue自定义组件@click点击失效问题
2022/04/30 Vue.js