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 特效范例整理
Aug 22 HTML / CSS
浏览器实现移动端高性能css3动画(开启gpu加速)
Dec 23 HTML / CSS
一款纯css3实现的竖形二级导航的实例教程
Dec 11 HTML / CSS
详解CSS3中@media的实际使用
Aug 04 HTML / CSS
HTML5 Canvas 起步(2) - 路径
May 12 HTML / CSS
html5 canvas 使用示例
Oct 22 HTML / CSS
突袭HTML5之Javascript API扩展4—拖拽(Drag/Drop)概述
Jan 31 HTML / CSS
移动端解决悬浮层(悬浮header、footer)会遮挡住内容的3种方法
Mar 27 HTML / CSS
html5生成柱状图(条形图)效果的实例代码
Mar 25 HTML / CSS
如何避免常见的6种HTML5错误用法
Nov 06 HTML / CSS
HTML5离线应用与客户端存储的实现
May 03 HTML / CSS
Canvas 文本填充线性渐变的使用详解
Jun 22 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/12/16 PHP
PHP的Yii框架的基本使用示例
2015/08/21 PHP
PHP实现的DES加密解密封装类完整实例
2017/04/29 PHP
完美解决Thinkphp3.2中插入相同数据的问题
2017/08/01 PHP
图片自动缩小的js代码,用以防止图片撑破页面
2007/03/12 Javascript
传智播客学习之java 反射
2009/11/22 Javascript
基于jquery的禁用右键、文本选择功能、复制按键的实现代码
2013/08/27 Javascript
Jquery实现的角色左右选择特效
2014/05/21 Javascript
js获取页面description的方法
2015/05/21 Javascript
轻松掌握JavaScript中介者模式
2016/08/26 Javascript
JavaScript实现横线提示输入验证码随输入验证码输入消失的方法
2016/09/24 Javascript
JavaScript中this的用法实例分析
2016/12/19 Javascript
jQuery上传多张图片带进度条样式(DEMO)
2017/03/02 Javascript
Vuex和前端缓存的整合策略详解
2017/05/09 Javascript
原生JS实现自定义滚动条效果
2020/10/27 Javascript
Node.js爬虫如何获取天气和每日问候详解
2019/08/26 Javascript
JS实现可以用键盘方向键控制的动画
2020/12/11 Javascript
python网络编程学习笔记(二):socket建立网络客户端
2014/06/09 Python
Python实现批量下载文件
2015/05/17 Python
python登录豆瓣并发帖的方法
2015/07/08 Python
python实现Dijkstra静态寻路算法
2019/01/17 Python
Python print不能立即打印的解决方式
2020/02/19 Python
python关于倒排列的知识点总结
2020/10/13 Python
用python实现一个简单计算器(完整DEMO)
2020/10/14 Python
HTML5之SVG 2D入门11—用户交互性(动画)介绍及应用
2013/01/30 HTML / CSS
玖熙女鞋美国官网:Nine West
2016/10/06 全球购物
BabyBjörn婴儿背带法国官网:BabyBjorn法国
2018/06/16 全球购物
泰国王权免税店官方网站:KingPower
2019/03/11 全球购物
REISS美国官网:伦敦最受欢迎的时尚品牌
2019/08/16 全球购物
毕业生精彩的自我评价分享
2013/10/06 职场文书
行政总监岗位职责
2013/12/05 职场文书
个人批评与自我批评总结
2014/10/17 职场文书
工作岗位职责范本
2015/02/15 职场文书
如果用一句诗总结你的上半年,你会用哪句呢?
2019/07/16 职场文书
导游词之河北野三坡
2019/12/11 职场文书
教你怎么用Python生成九宫格照片
2021/05/20 Python