美文网首页
iOS的WebView自适应内容高度问题 (完美处理由于图片造成

iOS的WebView自适应内容高度问题 (完美处理由于图片造成

作者: 池鹏程 | 来源:发表于2017-03-24 15:28 被阅读0次

    NSString * clientheight_str = [webView stringByEvaluatingJavaScriptFromString: @"document.body.offsetHeight"];之所以造成高度不准确是因为苹果的retina屏幕一个像素是2*2点;比如说图片200*200个像素,则会变成在苹果这里400*400个点(200*200个像素需要400*400个点)



    /////////////////////////////初始化,self.view是父控件/////////////////////////////////

    _webView = [[UIWebView alloc] initWithFrame: CGRectMake(0,0, self.view.frame.size.width,0)];

    _webView.delegate= self;

    _webView.scrollView.bounces = NO;

    _webView.scrollView.showsHorizontalScrollIndicator = NO;

    _webView.scrollView.scrollEnabled = NO;

    [_webView sizeToFit];

    ///////////////////////////////设置内容,这里包装一层div,用来获取内容实际高度(像素),htmlcontent是html格式的字符串//////////////

    NSString * htmlcontent = [NSString stringWithFormat:@"

    %@

    ", htmlcontent];

    [_webView loadHTMLString:htmlcontent baseURL:nil];

    ////////////////////////////////delegate的方法重载////////////////////////////////////////////

    - (void)webViewDidFinishLoad:(UIWebView *)webView

    {

    //获取页面高度(像素)

    NSString * clientheight_str = [webView stringByEvaluatingJavaScriptFromString:@"document.body.offsetHeight"];

    floatclientheight = [clientheight_str floatValue];

    //设置到WebView上

    webView.frame = CGRectMake(0,0, self.view.frame.size.width, clientheight);

    //获取WebView最佳尺寸(点)

    CGSize frame = [webView sizeThatFits:webView.frame.size];

    //获取内容实际高度(像素)

    NSString * height_str= [webView stringByEvaluatingJavaScriptFromString:@"document.getElementById('webview_content_wrapper').offsetHeight

    +

    parseInt(window.getComputedStyle(document.getElementsByTagName('body')[0]).getPropertyValue('margin-top'))

    +

    parseInt(window.getComputedStyle(document.getElementsByTagName('body')[0]).getPropertyValue('margin-bottom'))"];

    floatheight = [height_str floatValue];

    //内容实际高度(像素)* 点和像素的比

    height = height * frame.height / clientheight;

    //再次设置WebView高度(点)

    webView.frame = CGRectMake(0,0, self.view.frame.size.width, height);

    }

    相关文章

      网友评论

          本文标题:iOS的WebView自适应内容高度问题 (完美处理由于图片造成

          本文链接:https://www.haomeiwen.com/subject/psdfottx.html