完美方案——iOS的WebView自适应内容高度

    /////////////////////////////初始化,self.view是父控件/////////////////////////////////
    _webView = [[UIWebView alloc] initWithFrame: CGRectMake(0, 0, self.view.frame.size.width, 0)];
    _webView.delegate = self;
    _webView.scrollView.bounces = NO;
    _webView.scrollView.showsHorizontalScrollIndicator = NO;
    _webView.scrollView.scrollEnabled = NO;
    [_webView sizeToFit];
/////////////////////////////
//设置内容,这里包装一层div,用来获取内容实际高度(像素),htmlcontent是html格式的字符串////////////// NSString * htmlcontent = [NSString stringWithFormat:@"<div id="webview_content_wrapper">%@</div>", htmlcontent]; [_webView loadHTMLString:htmlcontent baseURL:nil];
////////////////////////////////delegate的方法重载//////////////////////////////////////////// - (void)webViewDidFinishLoad:(UIWebView *)webView { //获取页面高度(像素) NSString * clientheight_str = [webView stringByEvaluatingJavaScriptFromString: @"document.body.clientHeight"]; float clientheight = [clientheight_str floatValue]; //设置到WebView上 webView.frame = CGRectMake(0, 0, self.view.frame.size.width, clientheight); //获取WebView最佳尺寸(点) CGSize frame = [webView sizeThatFits:webView.frame.size]; //获取内容实际高度(像素) NSString * height_str= [webView stringByEvaluatingJavaScriptFromString: @"document.getElementById('webview_content_wrapper').clientHeight + 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]; //内容实际高度(像素)* 点和像素的比 height = height * frame.height / clientheight; //再次设置WebView高度(点) webView.frame = CGRectMake(0, 0, self.view.frame.size.width, height); }
原文地址:https://www.cnblogs.com/be-bright/p/4485774.html