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实现漂亮便签样式
Mar 18 HTML / CSS
css3 盒模型以及box-sizing属性全面了解
Sep 20 HTML / CSS
CSS3实现可翻转的hover效果
May 23 HTML / CSS
CSS3 filter(滤镜)实现网页灰色或者黑色模式的代码
Nov 30 HTML / CSS
微信浏览器左上角返回按钮拦截功能
Nov 21 HTML / CSS
HTML5 canvas画矩形时出现边框样式不一致的解决方法
Oct 14 HTML / CSS
利用HTML5实现使用按钮控制背景音乐开关
Sep 21 HTML / CSS
整理HTML5中支持的URL编码与字符编码
Feb 23 HTML / CSS
详解HTML5之pushstate、popstate操作history,无刷新改变当前url
Mar 15 HTML / CSS
移动端html5模拟长按事件的实现方法
Sep 30 HTML / CSS
导出HTML5 Canvas图片并上传服务器功能
Aug 16 HTML / CSS
如何查看浏览器对html5的支持情况
Dec 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
实用函数3
2007/11/08 PHP
ThinkPHP模板自定义标签使用方法
2014/06/26 PHP
百度工程师讲PHP函数的实现原理及性能分析(三)
2015/05/13 PHP
PHP合并数组函数array_merge用法分析
2017/02/17 PHP
点击下载链接 弹出页面实现代码
2009/10/01 Javascript
JS对外部文件的加载及对IFRMAME的加载的实现,当加载完成后,指定指向方法(方法回调)
2011/07/04 Javascript
javascript静态页面传值的三种方法分享
2013/11/12 Javascript
jQuery简单实现QQ空间点赞已经取消点赞
2015/04/02 Javascript
JavaScript实现基于Cookie的存储类实例
2015/04/10 Javascript
JS利用cookie记忆当前位置的防刷新导航效果
2015/10/15 Javascript
JQuery EasyUI Layout 在from布局自适应窗口大小的实现方法
2016/05/28 Javascript
BootStrap下拉菜单和滚动监听插件实现代码
2016/09/26 Javascript
BootstrapValidator不触发校验的实现代码
2016/09/28 Javascript
JS中this上下文对象使用方式
2016/10/09 Javascript
使用JS中的Replace()方法遇到的问题小结
2017/10/20 Javascript
vue获取dom元素注意事项
2017/12/28 Javascript
JS实现面向对象继承的5种方式分析
2018/07/21 Javascript
jQuery时间戳和日期相互转换操作示例
2018/12/07 jQuery
vue v-for 使用问题整理小结
2019/08/04 Javascript
jQuery实现的图片点击放大缩小功能案例
2020/01/02 jQuery
Python实现的直接插入排序算法示例
2018/04/29 Python
python+influxdb+shell编写区域网络状况表
2018/07/27 Python
对python自动生成接口测试的示例讲解
2018/11/30 Python
Python3 max()函数基础用法
2019/02/19 Python
Python使用sklearn库实现的各种分类算法简单应用小结
2019/07/04 Python
python之生产者消费者模型实现详解
2019/07/27 Python
python聚类算法解决方案(rest接口/mpp数据库/json数据/下载图片及数据)
2019/08/28 Python
Python语法垃圾回收机制原理解析
2020/03/25 Python
ubuntu16.04升级Python3.5到Python3.7的方法步骤
2020/08/20 Python
Shopee越南:东南亚与台湾电商平台
2019/02/03 全球购物
财务经理的岗位职责
2013/12/17 职场文书
《地震中的父与子》教学反思
2014/04/10 职场文书
教师纪律作风整顿心得体会
2016/01/23 职场文书
《司马光》教学反思
2016/02/22 职场文书
Java实战之用Swing实现通讯录管理系统
2021/06/13 Java/Android
浅谈Vue的computed计算属性
2022/03/21 Vue.js