美文网首页
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