记Android webView加载html代码 不执行js方法的情况

编程知识 行业动态 更新时间:2024-06-13 00:22:28

页面中有一个webView显示后台返回的富文本数据,富文本数据是一串html代码,但是并没有<html><body>这些标签,webView不做任何处理,使用

webView.loadData(html, "text/html; charset=UTF-8", "utf-8")

webView可以显示

但是后来需要将富文本的字体变大3倍,采用Js来实现

js代码如下

<script type="text/javascript">
		    window.onload = function load (){
			var span = document.getElementsByTagName("span")
			for(var i=0; i<span.length;i++)
			{	
				var px = span[i].style.fontSize.split('px')[0]
				span[i].style.fontSize = px*3+'px'
				console.log("px",px*3)
			}
				
		}
</script>

然后需要将js拼接到富文本上,内容类似以下

var html = "<html><body>"+富文本内容+js+"</body></html>"

拼接完后还是用webView的loadData方法加载。这个时候问题就来了,

在红米note4x上是可以放大3倍的,在魅族/oppo 的机型上测试 却没有效果,好像执行不了里面的js方法,这就很奇怪了,红米note4x可以执行,魅族/oppo机型却执行不了。

最后尝试用了webView另一个加载html代码块的方法,才解决掉这个问题,魅族/oppo机型才能执行到里面的js方法

webView.loadDataWithBaseURL(null,html, "text/html; charset=UTF-8", "utf-8",null)

loadData和loadDataWithBaseURL之前为什么会出现这样的情况,目前我也不知道,webView用的很少,这里记录下问题

以后webView加载html代码块最好采用loadDataWithBaseURL方法

更多推荐

记Android webView加载html代码 不执行js方法的情况

本文发布于:2023-04-02 13:58:00,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/5edda1f501df359d0a64db244b3f375a.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:加载   情况   代码   方法   webView

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!