iOS 混合开发 —— WebView 问题技巧

最新推荐文章于 2025-09-08 14:16:25 发布

weixin_30414635

最新推荐文章于 2025-09-08 14:16:25 发布

阅读量48

点赞数

CC 4.0 BY-SA版权

文章标签：移动开发

原文链接：http://www.cnblogs.com/saytome/p/7141279.html

本文介绍如何使用Objective-C对UIWebView中的图片进行自动适配，并通过JavaScript获取UIWebView的内容高度，确保页面布局正确显示。

1、图片太大

- (void)webViewDidFinishLoad:(UIWebView *)webView {
  NSString *js = @"function imgAutoFit() { \
     var imgs = document.getElementsByTagName('img'); \
     for (var i = 0; i < imgs.length; ++i) {\
        var img = imgs[i];   \
        img.style.maxWidth = %f;   \
     } \
  }";
  js = [NSString stringWithFormat:js, [UIScreen mainScreen].bounds.size.width - 20];
  
  [webView stringByEvaluatingJavaScriptFromString:js];
  [webView stringByEvaluatingJavaScriptFromString:@"imgAutoFit()"];
}

2、内容高度

通过JS来获取高度：document.body.offsetHeight;

#pragma mark - UIWebViewDelegate
- (void)webViewDidFinishLoad:(UIWebView *)webView {
  CGFloat height = [[webView stringByEvaluatingJavaScriptFromString:@"document.body.offsetHeight;"] intValue];
  if (self.webViewHeight != height && self.count <= 3) {
    self.webViewHeight = height;
    self.count++;
    
    [self updateUI];
  }
}

- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType {
  self.webViewHeight = webView.scrollView.contentSize.height;
  return YES;
}

github地址: https://github.com/lc081200/hybirdApp

转载于:https://www.cnblogs.com/saytome/p/7141279.html