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 用border写 空心三角箭头 (两种写法)
Sep 29 HTML / CSS
CSS3制作文字半透明倒影效果的两种实现方式
Aug 08 HTML / CSS
一款纯css3实现的鼠标经过按钮特效教程
Nov 09 HTML / CSS
一款利用纯css3实现的win8加载动画的实例分析
Dec 11 HTML / CSS
css3 中的新特性加强记忆详解
Apr 16 HTML / CSS
HTML5使用Audio标签实现歌词同步的效果
Mar 17 HTML / CSS
HTML5 canvas实现雪花飘落特效
Mar 08 HTML / CSS
html5实现的便签特效(实战分享)
Nov 29 HTML / CSS
浅谈Html5移动端ios/Android兼容性总结
Jun 01 HTML / CSS
浅谈CSS不规则边框的生成方案
May 25 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网页游戏学习之Xnova(ogame)源码解读(十一)
2014/06/25 PHP
Laravel Eloquent分表方法并使用模型关联的实现
2019/11/25 PHP
DOM精简教程
2006/10/03 Javascript
url 特殊字符 传递参数解决方法
2010/01/01 Javascript
JS不间断向上滚动效果代码
2013/12/25 Javascript
类似php的js数组的in_array函数自定义方法
2013/12/27 Javascript
jquery的总体架构分析及实现示例详解
2014/11/08 Javascript
javascript引擎长时间独占线程造成卡顿的解决方案
2014/12/03 Javascript
js鼠标悬浮出现遮罩层的方法
2015/01/28 Javascript
jQuery在页面加载时动态修改图片尺寸的方法
2015/03/20 Javascript
JavaScript使用cookie记录临时访客信息的方法
2015/04/07 Javascript
深入浅析JSON.parse()、JSON.stringify()和eval()的作用详解
2016/04/03 Javascript
jQuery+Pdo编写login登陆界面
2016/08/01 Javascript
vue+vux实现移动端文件上传样式
2017/07/28 Javascript
Angularjs实现上传图片预览功能
2017/09/01 Javascript
vue实现自定义多选与单选的答题功能
2018/07/05 Javascript
Typescript的三种运行方式(小结)
2019/09/18 Javascript
[01:57]DOTA2上海特锦赛小组赛解说单车采访花絮
2016/02/27 DOTA
python实现带声音的摩斯码翻译实现方法
2015/05/20 Python
Python将图片批量从png格式转换至WebP格式
2020/08/22 Python
Tornado高并发处理方法实例代码
2018/01/15 Python
Python实现简单的文本相似度分析操作详解
2018/06/16 Python
python脚本开机自启的实现方法
2019/06/28 Python
Django配置MySQL数据库的完整步骤
2019/09/07 Python
pyspark 随机森林的实现
2020/04/24 Python
浅谈tensorflow模型保存为pb的各种姿势
2020/05/25 Python
Python调用JavaScript代码的方法
2020/10/27 Python
Python3.9最新版下载与安装图文教程详解(Windows系统为例)
2020/11/28 Python
MyFrenchPharma中文网:最大的法国药妆平台
2016/10/07 全球购物
俄罗斯极限运动网上商店:Board Shop №1
2020/12/18 全球购物
关于工资低的辞职信
2014/01/14 职场文书
房屋继承公证书
2014/04/10 职场文书
2015年林业工作总结
2015/05/14 职场文书
2015年环境整治工作总结
2015/05/22 职场文书
小学运动会加油稿
2015/07/22 职场文书
vue中利用mqtt服务端实现即时通讯的步骤记录
2021/07/01 Vue.js