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 相关文章推荐
7款设计巧妙的css3飘带状3D立体效果的导航菜单和表单窗口
Feb 04 HTML / CSS
关于css兼容性问题及一些常见问题汇总
May 03 HTML / CSS
CSS3 仿微信聊天小气泡实例代码
Apr 05 HTML / CSS
CSS3 实现雷达扫描图的示例代码
Sep 21 HTML / CSS
从一次项目重构说起CSS3自定义变量在项目的使用方法
Mar 01 HTML / CSS
HTML5 声明兼容IE的写法
May 16 HTML / CSS
让IE下支持Html5的placeholder属性的插件
Sep 02 HTML / CSS
html5简单示例_动力节点Java学院整理
Jul 07 HTML / CSS
canvas里面如何基于随机点绘制一个多边形的方法
Jun 13 HTML / CSS
html5的pushstate以及监听浏览器返回事件的实现
Aug 11 HTML / CSS
前端H5 Video常见使用场景简介
Aug 21 HTML / CSS
使用 CSS 构建强大且酷炫的粒子动画效果
Aug 14 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按百分比生成缩略图的代码分享
2014/05/10 PHP
PHP消息队列用法实例分析
2016/02/12 PHP
提高Laravel应用性能方法详解
2019/06/24 PHP
IE关闭时判断及AJAX注销案例学习
2013/02/18 Javascript
利用javaScript实现点击输入框弹出窗体选择信息
2013/12/11 Javascript
js显示当前日期时间和星期几
2015/10/22 Javascript
jquery背景跟随鼠标滑动导航
2015/11/20 Javascript
浅谈JavaScript正则表达式-非捕获性分组
2017/03/08 Javascript
JQuery通过后台获取数据遍历到前台的方法
2018/08/13 jQuery
Vue.js中 v-model 指令的修饰符详解
2018/12/03 Javascript
angular6 填坑之sdk的方法
2018/12/27 Javascript
JS实现随机抽选获奖者
2019/11/07 Javascript
详细分析Node.js 多进程
2020/06/22 Javascript
[58:42]DOTA2上海特级锦标赛C组败者赛 Newbee VS Archon第一局
2016/02/27 DOTA
[46:12]完美世界DOTA2联赛循环赛 DM vs Matador BO2第一场 11.04
2020/11/04 DOTA
从Python的源码来解析Python下的freeblock
2015/05/11 Python
python创建进程fork用法
2015/06/04 Python
Python3 关于pycharm自动导入包快捷设置的方法
2019/01/16 Python
Python识别快递条形码及Tesseract-OCR使用详解
2019/07/15 Python
Django框架中间件定义与使用方法案例分析
2019/11/28 Python
Python实现把多维数组展开成DataFrame
2019/11/30 Python
python 实现生成均匀分布的点
2019/12/05 Python
Python关于反射的实例代码分享
2020/02/20 Python
Flask模板引擎Jinja2使用实例
2020/04/23 Python
opencv 形态学变换(开运算,闭运算,梯度运算)
2020/07/07 Python
纯CSS实现菜单、导航栏的3D翻转动画效果
2014/04/23 HTML / CSS
意大利时尚精品店:Nugnes 1920
2020/02/10 全球购物
linux面试题参考答案(5)
2016/11/05 面试题
文明宿舍获奖感言
2014/02/07 职场文书
青年文明号复核材料
2014/02/11 职场文书
开门红主持词
2014/04/02 职场文书
五心教育心得体会
2014/09/04 职场文书
文明旅游倡议书
2015/04/28 职场文书
2016年百日安全生产活动总结
2016/04/06 职场文书
一篇合格的广告文案,其主要目的是什么?
2019/07/12 职场文书
windows系统搭建WEB服务器详细教程
2022/08/05 Servers