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选择器的研究(详解)
Sep 16 HTML / CSS
css3强大的动画效果animate使用说明及浏览器兼容介绍
Jan 09 HTML / CSS
使用Filters滤镜弥补CSS3的跨浏览器问题以及兼容低版本IE
Jan 23 HTML / CSS
一款恶搞头像特效的制作过程 利用css3和jquery
Nov 21 HTML / CSS
利用CSS3实现文字折纸效果实例代码
Jul 10 HTML / CSS
CSS实现雨滴动画效果的实例代码
Oct 08 HTML / CSS
canvas需要在标签里直接定义宽高
Dec 17 HTML / CSS
HTML5 History API 实现无刷新跳转
Jan 11 HTML / CSS
整理HTML5中表单的常用属性及新属性
Feb 19 HTML / CSS
Canvas与图片压缩的示例代码
Nov 28 HTML / CSS
html2 canvas svg不能识别的解决方案
Jun 03 HTML / CSS
CSS实现单选折叠菜单功能
Nov 01 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和mysql中uft-8中文编码乱码的几种解决办法
2012/04/19 PHP
PHP之sprintf函数用法详解
2014/11/12 PHP
使用tp框架和SQL语句查询数据表中的某字段包含某值
2019/10/18 PHP
Gambit vs ForZe BO3 第一场 2.13
2021/03/10 DOTA
Javascript模块化编程(一)模块的写法最佳实践
2013/01/17 Javascript
javascript里使用php代码实例
2014/12/13 Javascript
详解JavaScript的变量和数据类型
2015/11/27 Javascript
基于jquery实现的仿优酷图片轮播特效代码
2016/01/13 Javascript
浅谈Angular.js中使用$watch监听模型变化
2017/01/10 Javascript
javascript设计模式之中介者模式学习笔记
2017/02/15 Javascript
AngularJS表单验证功能分析
2017/05/26 Javascript
AngularJS入门教程一:路由用法初探
2017/05/27 Javascript
详解AngularJS跨页面传值(ui-router)
2017/08/23 Javascript
AngularJs用户登录问题处理(交互及验证、阻止FQ处理)
2017/10/26 Javascript
vue组件之间数据传递的方法实例分析
2019/02/12 Javascript
浅谈vue 锚点指令v-anchor的使用
2019/11/13 Javascript
微信小程序实现导航栏和内容上下联动功能代码
2020/06/29 Javascript
解决vscode进行vue格式化,会自动补分号和双引号的问题
2020/10/26 Javascript
Vue.js桌面端自定义滚动条组件之美化滚动条VScroll
2020/12/01 Vue.js
如何在JavaScript中使用localStorage详情
2021/02/04 Javascript
Python打印斐波拉契数列实例
2015/07/07 Python
详解Python爬虫的基本写法
2016/01/08 Python
Python3连接SQLServer、Oracle、MySql的方法
2018/06/28 Python
python判断设备是否联网的方法
2018/06/29 Python
python实现京东秒杀功能
2018/07/30 Python
python使用Plotly绘图工具绘制柱状图
2019/04/01 Python
Windows系统Python直接调用C++ DLL的方法
2019/08/01 Python
HTML5学习笔记之History API
2015/02/26 HTML / CSS
在canvas上实现元素图片镜像翻转动画效果的方法
2018/03/20 HTML / CSS
使用canvas压缩图片大小的方法示例
2019/08/02 HTML / CSS
德国自行车商店:Tretwerk
2019/06/21 全球购物
酒店营销策划方案
2014/02/07 职场文书
银行贷款承诺书
2014/03/29 职场文书
项目投资合作意向书
2014/07/29 职场文书
委托书的写法
2014/08/30 职场文书
《遗弃》开发商删推文要跑路?官方回应:还在开发
2022/04/03 其他游戏