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