webview获取html(webView加载html图片遇到的问题解决)
类别:Web前端 浏览量:415
时间:2021-10-12 00:11:05 webview获取html
webView加载html图片遇到的问题解决当解析接口 突然出现一个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 liStr="<li>$content</li>"; // 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()); // liStr=liStr.replace("$content", ulStr); return sb.toString(); }
当时是想着吧该html片段还原一个标准的li嵌套无序列表的形式 结果发现不用这么麻烦依然好用 下面是代码
// 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);
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持开心学习网。
您可能感兴趣
- webview获取html(webView加载html图片遇到的问题解决)
- webview上传功能教程(关于webview适配H5上传照片或者视频文件的方法)
- 微信小程序可以用h5开发不(微信小程序webView嵌入H5的方法实例)
- h5嵌入app解决方案(app内嵌H5 webview 本地缓存问题的解决)
- html5定位教学(Html5 webview元素定位工具的实现)
- ()
- SCI检索 SSCI检索 EI检索 ISTP检索 CSCD检索简介(SCI检索SSCI检索EI检索)
- 参考文献里期刊名称的写法,你知道吗(参考文献里期刊名称的写法)
- 硕博期刊 SCI SSCI CSSCI分不清 一文带你看懂主流期刊分类(硕博期刊SCISSCI)
- 辱华品牌新百伦官宣新代言人IU,个别粉丝希望get爱豆同款(辱华品牌新百伦官宣新代言人IU)
- 巅峰时期被爆床照,曾被选国民最讨厌女星,IU不为人知的黑历史(巅峰时期被爆床照)
热门推荐
- 数据库docker技术(总结Docker不适合部署数据库的7大原因)
- tcp协议实现两个基本功能(TCP性能调优实现原理及过程解析)
- css的水滴效果(CSS制作各种样式的彩虹效果)
- mysql的基本索引类型(MySQL 隔离数据列和前缀索引的使用总结)
- 如何使用docker部署(使用远程Docker进行集成测试的环境搭建过程)
- c# 注册表操作
- linux如何进入makefile(linux中无make命令的问题make: *** 没有指明目标并且找不到 makefile及make命令安装方)
- phpstudy使用教程学习(phpStudy 2016 使用教程详解支持PHP7)
- matlab嵌入python代码(python调用matlab的m自定义函数方法)
- vue调用后台接口实现预览(vue实现集成腾讯TIM即时通讯)