适配web view 高度

最新推荐文章于 2025-03-14 11:07:05 发布

zhangjitao_blog

最新推荐文章于 2025-03-14 11:07:05 发布

阅读量555

点赞数

分类专栏： objective - c

objective - c 专栏收录该内容

22 篇文章

订阅专栏

本文介绍如何使用 UIWebView 在 iOS 应用中加载 HTML 内容，并实现根据内容大小自动调整 WebView 的高度。通过 JavaScript 交互获取 HTML 实际高度，确保 WebView 能够完美展示网页内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//初始化，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);
}