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.offsetHeight"];
  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').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];
  //内容实际高度(像素)* 点和像素的比
  height = height * frame.height / clientheight;
  //再次设置WebView高度(点)
  webView.frame = CGRectMake(0, 0, self.view.frame.size.width, height);
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
获取HTML高度可以使用JavaScript代码来实现。具体步骤如下: 1. 在iOS项目中创建一个UIWebView对象,并将HTML代码加载到该对象中。 2. 在UIWebView对象的代理方法中,使用JavaScript代码获取HTML高度。 下面是四种方法,可以根据具体情况选择使用哪种方法: 方法一:使用JavaScript代码获取HTML实际内容高度 ``` NSString *jsString = @"document.documentElement.scrollHeight"; CGFloat height = [[webView stringByEvaluatingJavaScriptFromString:jsString] floatValue]; ``` 方法二:使用JavaScript代码获取HTML实际内容高度,并将高度传递给iOS端 ``` NSString *jsString = @"window.webkit.messageHandlers.getHeight.postMessage(document.documentElement.scrollHeight)"; [webView evaluateJavaScript:jsString completionHandler:nil]; ``` 在iOS端,需要实现WKScriptMessageHandler协议的代理方法,从而接收传递过来的高度值。 方法三:使用JavaScript代码获取HTML实际内容高度,并将高度赋值给HTML的body元素的高度属性 ``` NSString *jsString = @"document.body.style.height = document.documentElement.scrollHeight + 'px'"; [webView evaluateJavaScript:jsString completionHandler:nil]; CGFloat height = webView.scrollView.contentSize.height; ``` 方法四:使用JavaScript代码获取HTML实际内容高度,并将高度赋值给HTML的body元素的高度属性,同时将高度传递给iOS端 ``` NSString *jsString = @"document.body.style.height = document.documentElement.scrollHeight + 'px';"; jsString = [jsString stringByAppendingString:@"window.webkit.messageHandlers.getHeight.postMessage(document.documentElement.scrollHeight)"]; [webView evaluateJavaScript:jsString completionHandler:nil]; ``` 在iOS端,同样需要实现WKScriptMessageHandler协议的代理方法,从而接收传递过来的高度值。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值