記Android webView加載html代碼 不執行js方法的情況

頁面中有一個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方法

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章