·您现在的位置: 云翼网络 >> 文章中心 >> 网站建设 >> app软件开发 >> IOS开发 >> 完美方案——iOS的WebView自适应内容高度

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

作者:佚名      IOS开发编辑:admin      更新时间:2022-07-23
    /////////////////////////////初始化,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); }