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 18 HTML / CSS
详解使用CSS3的@media来编写响应式的页面
Nov 01 HTML / CSS
用CSS禁用输入法(CSS3 UI规范)实例解析
Dec 04 HTML / CSS
css3编写浏览器背景渐变背景色的方法
Mar 05 HTML / CSS
CSS3实现王者匹配时的粒子动画效果
Apr 12 HTML / CSS
突袭HTML5之Javascript API扩展4—拖拽(Drag/Drop)概述
Jan 31 HTML / CSS
html特殊符号示例 html特殊字符编码对照表
Jan 14 HTML / CSS
HTML 5.1来了 9月份正式发布 更新内容预览
Apr 26 HTML / CSS
HTML5中使用postMessage实现两个网页间传递数据
Jun 22 HTML / CSS
html5将图片转换成base64的实例代码
Sep 21 HTML / CSS
h5页面唤起app如果没安装就跳转下载(iOS和Android)
Jun 03 HTML / CSS
HTML5实现应用程序缓存(Application Cache)
Jun 16 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
怎样辨别一杯好咖啡
2021/03/03 新手入门
PhpMyAdmin出现export.php Missing parameter: what /export_type错误解决方法
2012/08/09 PHP
PHP和Mysql中转UTF8编码问题汇总
2015/10/10 PHP
JSQL 基于客户端的成绩统计实现方法
2010/05/05 Javascript
JavaScript prototype属性使用说明
2010/05/13 Javascript
js中判断对象是否为空的三种实现方法
2013/12/23 Javascript
基于JQuery实现的图片自动进行缩放和裁剪处理
2014/01/31 Javascript
浅谈angular懒加载的一些坑
2016/08/20 Javascript
Javascript中this绑定的3种方法与比较
2016/10/13 Javascript
Angular2学习笔记——详解路由器模型(Router)
2016/12/02 Javascript
使用ionic播放轮询广告的实现方法(必看)
2017/04/24 Javascript
JQuery EasyUI的一些常用组件
2017/07/12 jQuery
详解Vue组件实现tips的总结
2017/11/01 Javascript
浅谈angular4实际项目搭建总结
2017/12/01 Javascript
javascript Function函数理解与实战
2017/12/01 Javascript
Vue 中mixin 的用法详解
2018/04/23 Javascript
Nautil 中使用双向数据绑定的实现
2019/10/02 Javascript
Openlayers实现地图全屏显示
2020/09/28 Javascript
python mysqldb连接数据库
2009/03/16 Python
python求斐波那契数列示例分享
2014/02/14 Python
Python Matplotlib库入门指南
2015/05/18 Python
python基于BeautifulSoup实现抓取网页指定内容的方法
2015/07/09 Python
对python中的os.getpid()和os.fork()函数详解
2019/08/08 Python
Python面向对象之继承原理与用法案例分析
2019/12/31 Python
Pycharm+Python工程,引用子模块的实现
2020/03/09 Python
Python JSON常用编解码方法代码实例
2020/09/05 Python
大学四年职业生涯规划书范文
2014/01/02 职场文书
应届生求职信范文
2014/05/26 职场文书
幽默自我介绍演讲稿
2014/08/21 职场文书
科技活动周标语
2014/10/08 职场文书
寒山寺导游词
2015/02/03 职场文书
小学生2015教师节演讲稿
2015/03/19 职场文书
电力培训学习心得体会
2016/01/11 职场文书
党员反四风学习心得体会
2016/01/22 职场文书
入团申请书格式
2019/06/20 职场文书
关于python爬虫应用urllib库作用分析
2021/09/04 Python