完美解决iOS的WebView自适应内容高度问题

最新推荐文章于 2022-07-14 12:08:11 发布

zhanglizhi111

最新推荐文章于 2022-07-14 12:08:11 发布

阅读量3k

点赞数

分类专栏： UIWebView

UIWebView 专栏收录该内容

18 篇文章

订阅专栏

本文介绍如何使用 UIWebView 在 iOS 应用中加载 HTML 内容，并实现根据 HTML 内容自适应调整 WebView 的高度。文章详细展示了通过 JavaScript 获取 HTML 页面的实际高度，以及如何根据这些信息来动态调整 UIWebView 的大小。

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

转自：http://blog.youkuaiyun.com/ayuapp/article/details/45565121

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

}