1. webView加載H5鏈接,設置它為tableView的 headerView,下方評論信息用Cell加載展示。
2. 在webView的回調方法webViewDidFinishLoad中獲取網頁內容高度,設置為webView的高度,重新將webView賦給tableView的headerView。
Tip: 將一個View賦值給UITableView的tableHeaderView時,不需要手動設置高度,HeaderView會自動使用View的高度。
像上面這樣,類似的方法很多,無論是JS獲取,還是contentSize獲取,最后結果都難以獲取到準確高度,并非方法不行,而是:
webViewDidFinishLoad代理方法被調用時,頁面并不一定完全展現完成,可能有圖片還未加載出來,導致此時獲取的高度是偏小的,過會兒圖片加載出來后,瀏覽器會重新排版網頁被撐大,而我們之前給的高度不夠內容的展示,導致顯示異常。
問題原因已確定,解決思考:
如何能在webViewDidFinishLoad之后獲取到網頁內容高度的變化?
答案:監聽!
具體實現過程:
給webView的scrollView的contentSize屬性添加監聽,每當內容發生變化,contentSize一定會跟著變,捕獲這個變動,在監聽方法中實現webViewDidFinishLoad中的代碼,也就是獲取最新的內容高度賦給webView:
另外,在cell中使用webView獲取高度不準確的解決辦法跟上面一樣,只不過需要注意cell中使用webView涉及到cell重用,會導致滑動列表時webView多次加載,影響性能,建議緩存高度。
以上是個人經驗之談,如有雷同屬巧合,如有錯誤望指正~ by:臭碼農
新聞熱點
疑難解答