iOS项目之获取WebView的高度

最新推荐文章于 2024-06-14 09:24:52 发布

weixin_30387799

最新推荐文章于 2024-06-14 09:24:52 发布

阅读量77

点赞数

文章标签：前端 ViewUI

原文链接：http://www.cnblogs.com/sjxjjx/p/6380975.html

版权

　　获取高度值的方法：

- (void)webViewDidFinishLoad:(UIWebView *)webView
{
    // 获取webView的高度
    CGFloat webViewHeight = [[self.myWebView stringByEvaluatingJavaScriptFromString:@"document.body.scrollHeight"] floatValue];
    CGFloat webViewHeight = [[self.myWebView stringByEvaluatingJavaScriptFromString:@"document.body.offsetHeight"] floatValue];
    CGFloat webViewHeight = [[self.myWebView stringByEvaluatingJavaScriptFromString:@"document.body.clientHeight"] floatValue];
}

　　遇到的问题：在这里采用的是加载HTML代码，由于前端H5中格式问题，网页中图片过大，显示不完整，于是自己做了以下处理，使图片适配屏幕大小

- (void)webViewDidFinishLoad:(UIWebView *)webView
{
    // 1、只对本地html资源的图片有效果
    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];
    [self.myWebView stringByEvaluatingJavaScriptFromString:js];
    [self.myWebView stringByEvaluatingJavaScriptFromString:@"imgAutoFit()"];
    
    
    // 获取webView的高度
    CGFloat webViewHeight = [[self.myWebView stringByEvaluatingJavaScriptFromString:@"document.body.scrollHeight"] floatValue];
    NSLog(@"%.f", webViewHeight);
}

　　但是这样做的话，获取的网页高度还是以前一样的内容高度，但图片改变了大小，导致网页下方留出了多余的空白。

　　于是再次进行了修改，将获取到的HTML代码拼接一个格式后，再来请求HTML网页，

    /*- 在加载网页时添加代码 -*/ 
    // 手动改变图片适配问题，拼接html代码后，再加载html代码
    NSString *myStr = [NSString stringWithFormat:@"<head><style>img{max-    width:%f !important;}</style></head>", [UIScreen mainScreen].bounds.size.width - 20];
    NSString *str = [NSString stringWithFormat:@"%@%@",myStr, html5代码];
    [self.myWebView loadHTMLString:str baseURL:nil];
     /*- 在加载网页时添加代码 -*/ 


- (void)webViewDidFinishLoad:(UIWebView *)webView
{
    // 获取webView的高度
    CGFloat webViewHeight = [[self.myWebView stringByEvaluatingJavaScriptFromString:@"document.body.scrollHeight"] floatValue];
　　NSLog(@"%.f",webViewHeight);
}

　　这样就完美适配屏幕大小了！

转载于:https://www.cnblogs.com/sjxjjx/p/6380975.html

weixin_30387799

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
iOS项目之获取WebView的高度

　　获取高度值的方法：- (void)webViewDidFinishLoad:(UIWebView *)webView{ // 获取webView的高度 CGFloat webViewHeight = [[self.myWebView stringByEvaluatingJavaScriptFromString:@"document.body.scrollHeig...
复制链接

扫一扫