计算 UIWebView 的内容高度

最新推荐文章于 2018-05-14 15:38:50 发布

转载最新推荐文章于 2018-05-14 15:38:50 发布 · 573 阅读

ios 专栏收录该内容

23 篇文章

订阅专栏

本文介绍如何使用 iOS 中的 UIWebView 实现网页内容加载完成后自动调整视图的高度，并提供了两种不同的实现方法及其代码示例。

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

- (void)webViewDidFinishLoad:(UIWebView *)webView
{
NSString *height_str= [webView stringByEvaluatingJavaScriptFromString: @"document.body.offsetHeight"];
int height = [height_str intValue];
webView.frame = CGRectMake(0,0,320,height);
NSLog(@"height: %@", [webView stringByEvaluatingJavaScriptFromString: @"document.body.offsetHeight"]);
}

http://blog.youkuaiyun.com/matrixhero/article/details/8443972

http://segmentfault.com/q/1010000000180759

- (void)webViewDidFinishLoad:(UIWebView *)webView { //webview 自适应高度
    CGRect frame = webView.frame;
    CGSize fittingSize = [webView sizeThatFits:CGSizeZero];
    frame.size = fittingSize;
    webView.frame = frame; 
    //tableView reloadData
}

from: http://www.cnblogs.com/ihojin/p/webview-contentheight.html

先是 html 文件内容

// index.html
<html>
<body>
    <div id="content" contenteditable="false" style="font-family: Helvetica">
        <a href="id:abc" style="text-decoration:none; color:green">
            John
        </a>
        : This is out Rich Text Editing View
    </div>
</body>
</html>

加载 html 文件

- (void)viewDidLoad
{
    [super viewDidLoad];
    // Do any additional setup after loading the view, typically from a nib.
    
    NSBundle *mainBundle = [NSBundle mainBundle];
    NSURL *indexFileURL = [mainBundle URLForResource:@"index" withExtension:@"html"];
    [self.webView loadRequest:[NSURLRequest requestWithURL:indexFileURL]];
}

计算 webView 显示内容后实际高度

两种方法，方法1可以得到内容的实际高度，方法2得到了将内容显示完整后的 webView 的尺寸（包含 UIEdgeInsets）

- (void)webViewDidFinishLoad:(UIWebView *)wb
{
    //方法1
    CGFloat documentWidth = [[wb stringByEvaluatingJavaScriptFromString:@"document.getElementById('content').offsetWidth"] floatValue];
    CGFloat documentHeight = [[wb stringByEvaluatingJavaScriptFromString:@"document.getElementById(\"content\").offsetHeight;"] floatValue];
    NSLog(@"documentSize = {%f, %f}", documentWidth, documentHeight);
    
    //方法2
    CGRect frame = wb.frame;
    frame.size.width = 768;
    frame.size.height = 1;

//    wb.scrollView.scrollEnabled = NO;
    wb.frame = frame;
    
    frame.size.height = wb.scrollView.contentSize.height;
    
    NSLog(@"frame = %@", [NSValue valueWithCGRect:frame]);
    wb.frame = frame;
}