zoukankan      html  css  js  c++  java
  • iOS: 计算 UIWebView 的内容高度

    本文转载至 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;
    }
    复制代码

    截图:

  • 相关阅读:
    微软TechEd2013大会门票热卖!
    2013年国庆节前51Aspx源码发布详情
    2013年9月份第2周51Aspx源码发布详情
    微软TechEd2013大会将在北京、上海召开!
    2013年9月份第1周51Aspx源码发布详情
    2013年8月份第4周51Aspx源码发布详情
    设置快速导航
    Web Service超限
    深入浅出SharePoint2013——使用沙箱解决方案
    深入浅出SharePoint2013——常用术语
  • 原文地址:https://www.cnblogs.com/Camier-myNiuer/p/4447910.html
Copyright © 2011-2022 走看看