iOS: 計算 UIWebView 的內容高度

時間 2019-11-11

標籤 ios 計算 uiwebview 內容高度欄目 iOS 简体版

原文原文鏈接

本文轉載至 http://www.cnblogs.com/ihojin/p/webview-contentheight.html

先是 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 文件web

- (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 顯示內容後實際高度post

兩種方法，方法1能夠獲得內容的實際高度，方法2獲得了將內容顯示完整後的 webView 的尺寸（包含 UIEdgeInsets）lua

- (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;
}

截圖：spa