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 transform及原生js实现鼠标拖动3D立方体旋转
Jun 20 HTML / CSS
浅谈css3中calc在less编译时被计算的解决办法
Dec 04 HTML / CSS
html5中如何将图片的绝对路径转换成文件对象
Jan 11 HTML / CSS
W3C公布最新的HTML5标准草案
Oct 17 HTML / CSS
HTML5之SVG 2D入门13—svg对决canvas及长处和适用场景分析
Jan 30 HTML / CSS
Html5实现iPhone开机界面示例代码
Jun 30 HTML / CSS
HTML5+CSS3实现拖放(Drag and Drop)示例
Jul 07 HTML / CSS
浅谈基于HTML5的在线视频播放方案
Feb 18 HTML / CSS
H5新属性audio音频和video视频的控制详解(推荐)
Dec 09 HTML / CSS
HTML5 weui使用笔记
Nov 21 HTML / CSS
HTML5 层的叠加的实现
Jul 07 HTML / CSS
简单介绍 http请求响应参数、无连接无状态、MIME、状态码、端口、telnet、curl
Mar 31 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类
2008/04/09 PHP
Smarty安装配置方法
2008/04/10 PHP
PHP数组无限分级数据的层级化处理代码
2012/12/29 PHP
PHP生成(支持多模板)二维码海报代码
2018/04/30 PHP
PHP钩子实现方法解析
2019/05/21 PHP
网页的标准,IMG不支持onload标签怎么办
2006/06/29 Javascript
JS操作select下拉框动态变动(创建/删除/获取)
2013/06/02 Javascript
简述AngularJS的控制器的使用
2015/06/16 Javascript
js实现有过渡渐变效果的图片轮播相册(兼容IE,ff)
2016/01/19 Javascript
JS前端加密算法示例
2016/12/22 Javascript
解决ztree搜索中多级菜单展示不全问题
2017/07/05 Javascript
基于Cookie常用操作以及属性介绍
2017/09/07 Javascript
jQuery Datatables 动态列+跨列合并实现代码
2020/01/30 jQuery
Element MessageBox弹框的具体使用
2020/07/27 Javascript
Vue项目打包编译优化方案
2020/09/16 Javascript
JavaScript中条件语句的优化技巧总结
2020/12/04 Javascript
Python3使用requests登录人人影视网站的方法
2016/05/11 Python
python解决方案:WindowsError: [Error 2]
2016/08/28 Python
Python3多进程 multiprocessing 模块实例详解
2018/06/11 Python
python 筛选数据集中列中value长度大于20的数据集方法
2018/06/14 Python
如何在django里上传csv文件并进行入库处理的方法
2019/01/02 Python
Python列表切片操作实例总结
2019/02/19 Python
python3 字符串/列表/元组(str/list/tuple)相互转换方法及join()函数的使用
2019/04/03 Python
使用虚拟环境打包python为exe 文件的方法
2019/08/29 Python
python被修饰的函数消失问题解决(基于wraps函数)
2019/11/04 Python
自定义实现 PyQt5 下拉复选框 ComboCheckBox的完整代码
2020/03/30 Python
python中wheel的用法整理
2020/06/15 Python
django 实现后台从富文本提取纯文本
2020/07/02 Python
JD Sports意大利:英国篮球和运动时尚的领导者
2017/10/29 全球购物
用C#语言写出与SQLSERVER访问时的具体过程
2013/04/16 面试题
金融专业大学生自我评价
2014/01/09 职场文书
《两个铁球同时着地》教学反思
2014/02/13 职场文书
教师校本培训方案
2014/02/26 职场文书
服务理念标语
2014/06/18 职场文书
创业计划书之游泳馆
2019/09/16 职场文书
mysql如何配置白名单访问
2021/06/30 MySQL