无法显示HTML字符串
我在Android WebView中苦于显示字符串HTML。 在服务器端,我下载了一个网页并转义HTML字符和引号(我使用Python):
my_string = html.escape(my_string, True)
在Android客户端:字符串未被转义:
myString = StringEscapeUtils.unescapeHtml4(myString)
webview.loadData( myString, "text/html", "encoding");
然而,webview只是将它们显示为文字字符串。 结果如下:
编辑:我添加从服务器端返回的原始字符串:
“&lt;!DOCTYPE html&gt;&lt; html lang =&quot; en&quot;&gt;&lt; head&gt;&lt; meta charset =&quot; utf-8&quot;&gt;&lt; meta http-equiv =&quot; X-UA兼容&quot; content =“width = device-width,initial-scale = 1.0”&gt;&lt; meta name =&quot; description&quot; content =&quot;&gt;&lt; meta name =&quot; viewport&quot;&gt; ;&gt;&lt; title&gt; Saulify&lt; / title&gt;&lt;! - 所有Favicons ... - &gt;&lt; link rel =&quot;快捷方式图标&quot; href =&quot; / static / favicon / favicon。 &lt; link rel =&quot; apple-touch-icon&quot; sizes =&quot; 57x57&quot; href =&quot; /static/favicon/apple-touch-icon-57x57.png&quot;&gt;&lt; link rel =&quot;&quot; ; apple-touch-icon“sizes =”114x114“href =”/static/favicon/apple-touch-icon-114x114.png“&gt;&lt; link rel =&quot; apple-touch-icon&quot; sizes =&quot; ; 72x72“href =”/static/favicon/apple-touch-icon-72x72.png“&gt;&lt; link rel =&quot; apple-touch-icon&quot; size =&quot; 144x144&quot; href =&quot; / static /图标/苹果 点触摸图标-144x144.png&QUOT;&GT; &lt; link rel =&quot; apple-touch-icon&quot; 尺寸= QUOT; 60×60&QUOT; HREF =&QUOT; /static/favicon/apple-touch-icon-60x60.png"&GT; &lt; link rel =&quot; apple-touch-icon&quot; 尺寸= QUOT; 120×120&QUOT; HREF =&QUOT; /static/favicon/apple-touch-icon-120x120.png"&GT; &lt; link rel =&quot; apple-touch-icon&quot; 尺寸= QUOT; 76x76&QUOT; HREF =&QUOT; /static/favicon/apple-touch-icon-76x76.png"&GT; &lt; link rel =&quot; apple-touch-icon&quot; 尺寸= QUOT; 152x152&QUOT; HREF =&QUOT; /static/favicon/apple-touch-icon-152x152.png"&GT; &lt; link rel =&quot; apple-touch-icon&quot; 尺寸= QUOT; 180x180&QUOT; HREF =&QUOT; /static/favicon/apple-touch-icon-180x180.png"&GT; &lt; link rel =&quot;图标&quot; 类型= QUOT;图像/ PNG&QUOT; HREF =&QUOT; /static/favicon/favicon-192x192.png" 尺寸= QUOT; 192x192&QUOT;&GT; &lt; link rel =&quot;图标&quot; 类型= QUOT;图像/ PNG&QUOT; HREF =&QUOT; /static/favicon/favicon-160x160.png" 尺寸= QUOT; 160x160的&QUOT;&GT; &lt; link rel =&quot;图标&quot; 类型= QUOT;图像/ PNG&QUOT; HREF =&QUOT; /static/favicon/favicon-96x96.png" 尺寸= QUOT; 96×96&QUOT;&GT; &lt; link rel =&quot;图标&quot; 类型= QUOT;图像/ PNG&QUOT; HREF =&QUOT; /static/favicon/favicon-16x16.png" 尺寸= QUOT 16×16 QUOT;&GT; &lt; link rel =&quot;图标&quot; 类型= QUOT;图像/ PNG&QUOT; HREF =&QUOT; /static/favicon/favicon-32x32.png" 尺寸= QUOT; 32×32&QUOT;&GT; &lt; meta name =&quot; msapplication-TileColor&quot; 含量=&QUOT;#da532c&QUOT;&GT; &lt; meta name =&quot; msapplication-TileImage&quot; 含量=&QUOT; /static/favicon/mstile-144x144.png"&GT; &lt; meta name =&quot; msapplication-config&quot; 含量=&QUOT; /static/favicon/browserconfig.xml"&GT; &lt;! - 外部CSS - &gt; &lt; link rel =&quot;样式表&quot;样式表&quot; HREF =&QUOT; HTTPS://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"&GT; &lt;! - 外部字体 - &gt; &lt; link href =&quot; // maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" 的rel =&QUOT;样式表&QUOT;&GT; &lt; link href =&#x27; // fonts.googleapis.com/css?family=Open+Sans:300,600' 的rel =&#X27;样式表&#X27; 类型=&#X27;文本/ CSS&#X27;&GT; &lt; link href =&#x27; // fonts.googleapis.com/css?family=Lora:400,700' 的rel =&#X27;样式表&#X27; 类型=&#X27;文本/ CSS&#X27;&GT; &lt;! - [if lt IE 9]&gt; &lt; script src =&quot; // cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.2/html5shiv.min.js"></script> &lt; script src =&quot; // cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js"></script> 百分比抑制率ENDIF] - GT!; &lt;! - 网站CSS - &gt; &lt; link rel =&quot;样式表&quot;样式表&quot; 类型= QUOT;文本/ CSS&QUOT; HREF =&QUOT; /static/css/style.css"&GT; &lt; link rel =&quot;样式表&quot;样式表&quot; 类型= QUOT;文本/ CSS&QUOT; HREF =&QUOT; /static/css/glyphicon.css"&GT; &LT; /头&GT; &LT;身体GT; &lt; div class =&quot; container article-page&quot;&gt; &lt; div class =&quot; row&quot;&gt; &lt; div class =&quot; col-md-8 col-md-offset-2&quot;&gt; &lt; h2&gt;&lt; a href =&quot; http://www.huffingtonpost.com/2015/03/22/ted-cruz-climate-change_n_6919002.html"&gt; Gov。 杰瑞布朗说泰德克鲁兹“绝对不适合” 因气候变化观点而奔赴办公室&lt; / a&gt;&lt; / h2&gt; &lt; h4&gt; Sam Levine&lt; / h4&gt; &lt; div class =&quot; article&quot;&gt; 加利福尼亚州州长杰瑞布朗周日表示,德克萨斯州参议员泰德克鲁兹(德克萨斯州)“绝对不适合竞选办公室”。 因为他在气候变化问题上的立场。&lt; / p&gt; &lt; p&gt;“我刚刚从新罕布什尔州回来,那里到处都是冰雪。 我对此的看法很简单:关于这个问题的辩论应该遵循科学,应该遵循数据和许多关于全球变暖的危言耸听,他们有一个问题,因为科学不支持它们,“ Cruz&lt; a href =&quot; https://www.youtube.com/watch?v = m0UJ_Sc0Udk&quot;&gt;&说;&lt; / a&gt; 在“与塞思迈耶斯的深夜” 上周。&lt; / p&gt; &lt; p&gt;为了支持他的说法,Cruz引用了卫星数据,该数据显示过去17年没有显着升温。 但克鲁兹的推理&lt; a href =&quot; http://www.politifact.com/truth-o-meter/statements/2015/mar/20 / ted-cruz / ted-cruzs-worlds-fire-已经被Politifact&lt; / a&gt;所揭露,这表明科学家有充分的证据相信气候将持续升温。&lt; / p&gt; &lt; p&gt;“他说的是绝对错误的,”布朗在“ be-running-n328046“&gt;&gt; NBC&#x27; s”Meet the Press。“&lt; / a&gt; 他补充说,&lt; a href =“http://climate.nasa.gov/scientific-consensus/”&gt;超过90%&lt; / a&gt; 研究气候的科学家认为气候变化是由人类活动引起的。 “那个人认为这样的无知程度和直接伪造现有的科学数据。 这令人震惊,我认为那个人已经使自己绝对不适合竞选办公室, 布朗说。&lt; / p&gt; &lt; p&gt; Brown补充说,气候变化具有&lt; a href =“http://www.huffingtonpost.com/2015/03/06/california-drought-february- record_n_6820704.html?utm_hp_ref = california-drought&gt;&gt; ;在他的州造成干旱&lt; / a&gt;以及东海岸的严寒和风暴。&lt; / p&gt; &lt; p&gt;虽然克鲁兹可能在新罕布什尔州的任何地方都看到了冰雪,但数据显示,该国实际上正在经历一场“寒冬” -weather- winter_n_6713104.html“&gt;比平均温暖&lt; / a&gt; 。冬季&LT; / p为H. &nbsp;布朗对克鲁兹的批评来到德克萨斯州参议员宣布一个&lt; a href =“http://www.huffingtonpost.com/2015/03/22 /ted-cruz-2016_n_6917824.html&quot; ;&gt;总统竞选活动&lt; / a&gt ;. &LT; / p为H. &LT; / DIV&GT; &lt; div class =&quot; original&quot;&gt; &lt; a href =&quot; http://www.huffingtonpost.com/2015/03/22/ted-cruz-climate-change_n_6919002.html"&gt;查看原创&lt; / a&gt; &LT; / DIV&GT; &LT; / DIV&GT; &LT; / DIV&GT; &LT; / DIV&GT; &lt; script src =&quot; // code.jquery.com/jquery-latest.js"></script> &lt; script src =&quot; /static/js/modal.js&quot;&gt;&lt; / script&gt; &lt; script src =&quot; /static/js/bootbox.min.js&quot;&gt;&lt; / script&gt; &lt; script src =&quot; /static/js/site.js"&gt;&lt; / script&gt; &LT;脚本&GT; (函数(i,s,o,g,r,a,m){i [&#x27; GoogleAnalyticsObject []] = r; i [r] = i [r] || function(){ r] .q = i [r] .q || [])。push(arguments)},i [r] .l = 1 * new Date(); a = s.createElement(o),m = s。 getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a,m)})(window,document,&#x27; script&#x27;&#x27; //www.google-analytics.com/analytics.js','ga'); ga(&#x27; create&#x27;&#x27; UA-56257533-1&#x27;&#x27; auto&#x27;); ga(&#x27; send&#x27;&#x27; pageview&#x27;); &LT; /脚本&GT; &LT; /体&GT; &LT; / HTML&gt;”中
我在这里修改了代码:
public class test extends Activity {
private WebView wv;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.test);
wv = (WebView) findViewById(R.id.wv);
String s = "<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content=""> <title>Saulify</title> <!-- All the Favicons... --> <link rel="shortcut icon" href="/static/favicon/favicon.ico"> <link rel="apple-touch-icon" sizes="57x57" href="/static/favicon/apple-touch-icon-57x57.png"> <link rel="apple-touch-icon" sizes="114x114" href="/static/favicon/apple-touch-icon-114x114.png"> <link rel="apple-touch-icon" sizes="72x72" href="/static/favicon/apple-touch-icon-72x72.png"> <link rel="apple-touch-icon" sizes="144x144" href="/static/favicon/apple-touch-icon-144x144.png"> <link rel="apple-touch-icon" sizes="60x60" href="/static/favicon/apple-touch-icon-60x60.png"> <link rel="apple-touch-icon" sizes="120x120" href="/static/favicon/apple-touch-icon-120x120.png"> <link rel="apple-touch-icon" sizes="76x76" href="/static/favicon/apple-touch-icon-76x76.png"> <link rel="apple-touch-icon" sizes="152x152" href="/static/favicon/apple-touch-icon-152x152.png"> <link rel="apple-touch-icon" sizes="180x180" href="/static/favicon/apple-touch-icon-180x180.png"> <link rel="icon" type="image/png" href="/static/favicon/favicon-192x192.png" sizes="192x192"> <link rel="icon" type="image/png" href="/static/favicon/favicon-160x160.png" sizes="160x160"> <link rel="icon" type="image/png" href="/static/favicon/favicon-96x96.png" sizes="96x96"> <link rel="icon" type="image/png" href="/static/favicon/favicon-16x16.png" sizes="16x16"> <link rel="icon" type="image/png" href="/static/favicon/favicon-32x32.png" sizes="32x32"> <meta name="msapplication-TileColor" content="#da532c"> <meta name="msapplication-TileImage" content="/static/favicon/mstile-144x144.png"> <meta name="msapplication-config" content="/static/favicon/browserconfig.xml"> <!-- External CSS --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"> <!-- External Fonts --> <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet"> <link href='//fonts.googleapis.com/css?family=Open+Sans:300,600' rel='stylesheet' type='text/css'> <link href='//fonts.googleapis.com/css?family=Lora:400,700' rel='stylesheet' type='text/css'> <!--[if lt IE 9]> <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js"></script> <![endif]--> <!-- Site CSS --> <link rel="stylesheet" type="text/css" href="/static/css/style.css"> <link rel="stylesheet" type="text/css" href="/static/css/glyphicon.css"> </head> <body> <div class="container article-page"> <div class="row"> <div class="col-md-8 col-md-offset-2"> <h2><a href="http://www.huffingtonpost.com/2015/03/22/ted-cruz-climate-change_n_6919002.html">Gov. Jerry Brown Says Ted Cruz Is &#39;Absolutely Unfit&#39; To Run For Office Because Of Climate Change Views</a></h2> <h4>Sam Levine</h4> <div class="article"> <p>California Gov. Jerry Brown (D) said on Sunday that Texas Sen. Ted Cruz (R-Texas) is "absolutely unfit to be running for office" because of his position on climate change.</p> <p>"I just came back from New Hampshire, where there's snow and ice everywhere. My view on this is simple: Debates on this should follow science and should follow data, and many of the alarmists on global warming, they have a problem because the science doesn't back them up," Cruz <a href="https://www.youtube.com/watch?v=m0UJ_Sc0Udk">said</a> on "Late Night with Seth Meyers" last week.</p> <p>To back up his claim, Cruz cited satellite data that has shown a lack of significant warming over the last 17 years. But Cruz's reasoning <a href="http://www.politifact.com/truth-o-meter/statements/2015/mar/20 /ted-cruz/ted-cruzs-worlds-fire-not-last-17-years/">has been debunked by Politifact</a>, which has shown that scientists have ample evidence to believe that the climate will continue to warm.</p> <p>"What he said is absolutely false,” Brown said on <a href="http://www.nbcnews.com/meet-the-press/california-governor-ted-cruz- unfit-be-running-n328046">NBC's "Meet the Press."</a> He added that <a href="http://climate.nasa.gov/scientific-consensus/">over 90 percent</a> of scientists who study the climate agree that climate change is caused by human activity. "That man betokens such a level of ignorance and a direct falsification of existing scientific data. It's shocking, and I think that man has rendered himself absolutely unfit to be running for office," Brown said.</p> <p>Brown added that climate change has <a href="http://www.huffingtonpost.com/2015/03/06/california-drought-february- record_n_6820704.html?utm_hp_ref=california-drought">caused droughts in his state</a>, as well as severe cold and storms on the east coast.</p> <p>While Cruz may have seen snow and ice everywhere in New Hampshire, data shows that the country is actually experiencing a <a href="http://www.huffingtonpost.com/2015/02/19/cold-weather- winter_n_6713104.html">warmer than average</a> winter.</p> <p>Brown’s criticism of Cruz comes one day before the Texas senator is set to announce a <a href="http://www.huffingtonpost.com/2015/03/22 /ted-cruz-2016_n_6917824.html">presidential campaign</a>. </p> </div> <div class="original"> <a href="http://www.huffingtonpost.com/2015/03/22/ted-cruz-climate-change_n_6919002.html">VIEW ORIGINAL</a> </div> </div> </div> </div> <script src="//code.jquery.com/jquery-latest.js"></script> <script src="/static/js/modal.js"></script> <script src="/static/js/bootbox.min.js"></script> <script src="/static/js/site.js"></script> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-56257533-1', 'auto'); ga('send', 'pageview'); </script> </body> </html>";
wv.loadData(stripHtml(s), "text/html", "UTF-8");
}
public String stripHtml(String html) {
return Html.fromHtml(html).toString();
}
}
尝试这个:
wv = (WebView) findViewById(R.id.wv);
String s = "You HTML string";
wv.loadData(stripHtml(s), "text/html", "UTF-8");
public String stripHtml(String html) {
return Html.fromHtml(html).toString();
}
试试这个代码,
if (android.os.Build.VERSION.SDK_INT >= android.os.Build.VERSION_CODES.N){
yourtextview.setText(Html.fromHtml(yourstring,Html.FROM_HTML_MODE_LEGACY));
}
else {
yourtextview.setText(Html.fromHtml(yourstring));
}
链接地址: http://www.djcxy.com/p/5493.html