正文

iOS WebView高效获取页面高度全攻略

/0 浏览量
0518

在iOS开发中，WebView是一个常用的组件，用于在应用中嵌入网页。有时候，我们可能需要获取WebView中加载的页面的高度，以便进行布局调整或其他操作。本文将详细介绍如何在iOS中使用WebView高效获取页面高度。

1. 使用JavaScript获取页面高度

首先，我们可以通过JavaScript获取页面高度。在WebView的webView:shouldStartLoadWithRequest:navigationType:方法中，我们可以注入JavaScript代码来获取页面高度。

- (BOOL)webView:(WKWebView *)webView shouldStartLoadWithRequest:(WKURLRequest *)request navigationType:(WKNavigationType)navigationType {
    [webView evaluateJavaScript:@"document.body.scrollHeight" completionHandler:^(id _Nullable result, NSError * _Nullable error) {
        if (!error) {
            NSLog(@"页面高度：%lu", (unsigned long)[[result doubleValue] round]);
        } else {
            NSLog(@"获取页面高度失败：%@", error.localizedDescription);
        }
    }];
    return YES;
}

这段代码会在WebView加载页面时执行JavaScript代码，获取页面高度，并打印到控制台。

2. 使用Objective-C获取页面高度

除了JavaScript，我们还可以使用Objective-C来获取页面高度。在WebView加载完成时，我们可以获取WebView的frame，从而计算出页面高度。

- (void)webView:(WKWebView *)webView didCommitNavigation:(WKNavigation *)navigation {
    CGRect frame = webView.frame;
    CGFloat height = frame.size.height;
    NSLog(@"页面高度：%f", height);
}

这段代码在WebView加载完成时执行，获取WebView的frame，并计算出页面高度。

3. 使用UIWebView获取页面高度

对于使用UIWebView的开发者，我们可以在页面加载完成时获取页面高度。

- (void)webViewDidFinishLoad:(UIWebView *)webView {
    CGFloat height = webView.scrollView.contentSize.height;
    NSLog(@"页面高度：%f", height);
}

这段代码在UIWebView加载完成时执行，获取webView的scrollView的contentSize的高度，从而计算出页面高度。

4. 总结

通过以上方法，我们可以高效地获取iOS WebView中加载的页面高度。在实际开发中，我们可以根据需求选择合适的方法。需要注意的是，在获取页面高度时，可能存在页面未完全加载的情况，此时获取的高度可能不准确。因此，在实际应用中，我们可以通过监听WebView的加载状态，确保页面完全加载后再获取高度。

希望本文能帮助你在iOS开发中更好地使用WebView获取页面高度。如果你还有其他问题，欢迎在评论区留言交流。

-- 展开阅读全文 --