webView加載html圖片遇到的問(wèn)題解決

當(dāng)解析接口 突然出現(xiàn)一個(gè)xml形式的html格式的字符串的時(shí)候不用慌張,正常去交給webview的loaddata方法來(lái)解決即可,但是今天說(shuō)的是一組圖片字符串
<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">
因?yàn)榻o出的網(wǎng)址不包含http:// 所以怎么解都解不出來(lái)的 我們只需要拼接一下這個(gè)數(shù)據(jù) 然后在利用jsoup來(lái)適配一下屏幕即可
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(); }
當(dāng)時(shí)是想著吧該html片段還原一個(gè)標(biāo)準(zhǔn)的div嵌套無(wú)序列表的形式 結(jié)果發(fā)現(xiàn)不用這么麻煩依然好用 下面是代碼
// content就是哪個(gè)html數(shù)據(jù) String content = t1.getData().getContent(); //進(jìn)行拼接http: String s = formatHtml(content); //jsoup適配屏幕大小 Document doc = Jsoup.parse(s); Elements elem_img = doc.getElementsByTag("img"); // 圖片自適應(yīng)屏幕 if (elem_img.size() != 0) { for (Element el_img : elem_img) { el_img.attr("style", "width:100%"); } } //適配之后轉(zhuǎn)換回字符串 String s1 = doc.toString(); //以下這些設(shè)置不用設(shè)置 設(shè)置效果也不如jsoup適配后的效果 // WebSettings settings = webView.getSettings(); // settings.setJavaScriptEnabled(true); // settings.setUseWideViewPort(true);//關(guān)鍵點(diǎn) // settings.setLoadWithOverviewMode(true); //在webview內(nèi)部打開(kāi)瀏覽器 webView.setWebViewClient(new WebViewClient()); // settings.setLayoutAlgorithm(WebSettings.LayoutAlgorithm.SINGLE_COLUMN); // settings.setDefaultTextEncodingName("utf-8") ; //以下倆種方式效果一樣 用哪個(gè)都行 webView.loadData(s1, "text/html","utf-8"); // webView.loadDataWithBaseURL(null,s1, "text/html", "utf-8", null); Log.i("tag", "subjectPage 1Result: "+s);
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
- 這篇文章主要介紹了HTML5 圖片預(yù)加載的示例代碼,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)2020-03-25
利用簡(jiǎn)潔的圖片預(yù)加載組件提升html5移動(dòng)頁(yè)面的用戶體驗(yàn)
這篇文章主要介紹了利用簡(jiǎn)潔的圖片預(yù)加載組件提升html5移動(dòng)頁(yè)面的用戶體驗(yàn) 的相關(guān)資料,需要的朋友可以參考下2016-03-11html5實(shí)現(xiàn)的頁(yè)面滾動(dòng)圖片動(dòng)畫加載特效源碼
這是一款基于html5實(shí)現(xiàn)的頁(yè)面滾動(dòng)圖片動(dòng)畫加載特效源碼。頁(yè)面上下滾動(dòng)的時(shí)候圖片可呈現(xiàn)動(dòng)態(tài)加載效果,有常規(guī)漸顯效果及3D翻轉(zhuǎn)顯示兩種顯示效果供選擇2016-01-27HTML5實(shí)現(xiàn)的圖片無(wú)限加載的瀑布流效果另帶邊框圓角陰影
一款網(wǎng)頁(yè)瀑布流效果,可以實(shí)現(xiàn)圖片的無(wú)限制加載?;跁r(shí)下流行的HTML5技術(shù)編寫而成,除了實(shí)現(xiàn)瀑布流,還加入了CSS5的圖片修飾效果,比如圖片的圓角邊框、圖片陰影立體效果2014-03-07基于HTML代碼實(shí)現(xiàn)圖片碎片化加載功能
這篇文章主要介紹了基于HTML代碼實(shí)現(xiàn)圖片碎片化加載功能,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-06-23