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实现图片遮罩效果鼠标hover以后出现文字
Nov 05 HTML / CSS
css3实现的下拉菜单效果示例
Jan 22 HTML / CSS
使用css3实现的tab选项卡代码分享
Dec 09 HTML / CSS
web页面录屏实现
Feb 12 HTML / CSS
使用html5+css3来实现slider切换效果告别javascript+css
Jan 08 HTML / CSS
html5的新增的标签和废除的标签简要概述
Feb 20 HTML / CSS
html5各种页面切换效果和模态对话框用法总结
Dec 15 HTML / CSS
canvas实现扭蛋机动画效果的示例代码
Oct 17 HTML / CSS
前端水印的简单实现代码示例
Dec 02 HTML / CSS
css animation配合SVG制作能量流动效果
Mar 24 HTML / CSS
HTML CSS 一个标签实现带动画的抖音LOGO
Apr 26 HTML / CSS
浅谈为什么我的 z-index 又不生效了
Jul 15 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 应用程序安全防范技术研究
2009/09/25 PHP
php下把数组保存为文件格式的实例应用
2010/02/08 PHP
PHP中大于2038年时间戳的问题处理方案
2015/03/03 PHP
php实现对象克隆的方法
2015/06/20 PHP
发现的以前不知道的函数
2006/09/19 Javascript
js 键盘记录实现(兼容FireFox和IE)
2010/02/07 Javascript
基于jquery的设置页面文本框 只能输入数字的实现代码
2011/04/19 Javascript
很棒的学习jQuery的12个网站推荐
2011/04/28 Javascript
基于jQuery实现的美观星级评论打分组件代码
2015/10/30 Javascript
JavaScript 正则表达式中global模式的特性
2016/02/25 Javascript
IOS中safari下的select下拉菜单文字过长不换行的解决方法
2016/09/26 Javascript
javascript稀疏数组(sparse array)和密集数组用法分析
2016/12/28 Javascript
jQuery实现联动下拉列表查询框
2017/01/04 Javascript
使用openSpeDiv方法实现Ecshop登录弹窗框效果
2017/03/13 Javascript
关于axios返回空对象的问题解决
2017/04/04 Javascript
jQuery动态操作表单示例【基于table表格】
2018/12/06 jQuery
详解vue-cli@2.x项目迁移日志
2019/06/06 Javascript
浅谈vue 多个变量同时赋相同值互相影响
2020/08/05 Javascript
Python使用稀疏矩阵节省内存实例
2014/06/27 Python
Python中的异常处理简明介绍
2015/04/13 Python
由浅入深讲解python中的yield与generator
2017/04/05 Python
用pyqt5 给按钮设置图标和css样式的方法
2019/06/24 Python
Python 中的pygame安装与配置教程详解
2020/02/10 Python
Pycharm配置PyQt5环境的教程
2020/04/02 Python
python爬取网易云音乐热歌榜实例代码
2020/08/07 Python
英国鲜花速递:Serenata Flowers
2018/04/03 全球购物
写好求职信第一句话的技巧
2013/10/26 职场文书
医学毕业生自我鉴定
2013/10/30 职场文书
毕业研究生的自我鉴定
2013/11/30 职场文书
《落花生》教学反思
2014/02/25 职场文书
大学生个人先进事迹材料范文
2014/05/03 职场文书
青年安全生产示范岗事迹材料
2014/05/04 职场文书
战略合作意向书
2014/07/29 职场文书
应届生简历自我评价
2015/03/11 职场文书
人民调解协议书
2016/03/21 职场文书
Python编程中内置的NotImplemented类型的用法
2022/03/23 Python