前言
在開發app的過程中難免會遇到將webView加載到tableView的cell上的需求，一般遇到這種問題，通常想到的思路就是在webView的回調方法webViewDidFinishLoad中獲取到webView的高度,刷新tableView，將高度賦值給tableView的回調方法heightForRow。看似沒有任何問題，但是在實際操作的時候卻發現得到的高度并不是webView的實際高度，顯然這種方法是行不通的。其實并不是方法不行，而是webViewDidFinishLoad代理方法被調用時，頁面并不一定完全展現完成，可能有圖片還未加載出來，導致此時獲取的高度是并不是最終高度，過會兒圖片加載出來后，瀏覽器會重新排版，而我們在這之前給了一個錯誤高度，導致顯示異常。既然這種方法行不通，那么到底如何才能準確計算webView的高度呢？
答案是監聽，具體的實現過程如下：
給webView的scrollView的contentSize屬性添加監聽，每當內容發生變化，contentSize一定會跟著變，捕獲這個變動，在監聽方法中實現webViewDidFinishLoad中的代碼，也就是獲取最新的內容高度賦給webView：
//添加監聽[_WebView.scrollView addObserver:self forKeyPath:@"contentSize" options:NSKeyValueObservingOptionNew | NSKeyValueObservingOptionOld context:@"WejinWuLiuViewController"];
//監聽回調- (void)observeValueForKeyPath:(NSString *)keyPath ofObject:(id)object change:(NSDictionary<NSKeyValueChangeKey,id> *)change context:(void *)context{ if ([keyPath isEqualToString:@"contentSize"]) { _webViewHeight = [_WebView.scrollView contentSize].height; CGRect newFrame = _WebView.frame; newFrame.size.height = _webViewHeight; _WebView.frame = newFrame; }}iOS開發之解決WebView自適應內容高度
首先如果直接進行內容展示，或者進行sizeToFit的操作，那么可能會造成圖片超過屏幕大小，字體變得很小的結果，所以這里用到了UIWebView的delegate方法和添加了html的標簽語言，使用了javascript操作方法。具體可以研究代碼，如下：
//web -(UIWebView *)detailWebView { if (_detailWebView == nil) { _detailWebView = [UIWebView new]; _detailWebView.delegate = self; _detailWebView.scrollView.bounces = NO; _detailWebView.scrollView.showsHorizontalScrollIndicator = NO; _detailWebView.scrollView.scrollEnabled = NO; _detailWebView.dataDetectorTypes = UIDataDetectorTypeAll; [_detailWebView sizeToFit]; } return _detailWebView; } NSString *htmlcontent = [NSString stringWithFormat:@"<head><style>img{max-width:%fpx !important;}</style></head><div id=/"webview_content_wrapper/">%@</div>",f_Device_w-30,detailDic[@"content"]]; [_detailWebView loadHTMLString:htmlcontent baseURL:nil]; #pragma mark ----- webView 的 delegate - (void)webViewDidFinishLoad:(UIWebView *)webView { //獲取頁面高度（像素） NSString * clientheight_str = [webView stringByEvaluatingJavaScriptFromString: @"document.body.offsetHeight"]; float clientheight = [clientheight_str floatValue]; //設置到WebView上 webView.frame = CGRectMake(15, _whereNewsLabel.bottom+10, f_Device_w-30, clientheight); //下面這樣寫就是獲取到比較準確的內容高度，不需要再進行其他計算了 //獲取內容實際高度（像素） NSString * height_str= [webView stringByEvaluatingJavaScriptFromString: @"document.getElementById('webview_content_wrapper').offsetHeight + parseInt(window.getComputedStyle(document.getElementsByTagName('body')[0]).getPropertyValue('margin-top')) + parseInt(window.getComputedStyle(document.getElementsByTagName('body')[0]).getPropertyValue('margin-bottom'))"]; float height = [height_str floatValue]; //再次設置WebView高度（點） webView.frame = CGRectMake(15, _whereNewsLabel.bottom+10, f_Device_w-30, height); if ([self.delegate respondsToSelector:@selector(backWebViewWithHeight:)]) { [self.delegate backWebViewWithHeight:webView.bottom+5]; } } 有寫代碼是我項目中使用的，沒有必要用，大家可以根據自己的需要修改，必要的代碼上面都有
總結
以上就是這篇文章的全部內容了，希望本文的內容對大家的學習或者工作具有一定的參考學習價值，如果有疑問大家可以留言交流，謝謝大家對武林網的支持。
新聞熱點
疑難解答
