您的位置：首页 > 移动开发

webview显示html代码，并设置html中字体的大小，获得webview高度

2016-11-24 00:00 363 查看

iOS开发中有时会遇到html的显示，那webview就派上用场了，下面对webview展示代码如何设置html中字体大小，和webview的高度。另外通过webview的代理方法，也可以获得webview的高度

方案一：

UIWebView *questWebView = [[UIWebView alloc]init];

questWebView.frame = CGRectMake(flagBtn.width + 10 + 10, flagBtn.y, SCREEN_WIDTH- (flagBtn.width + 20 +10), 30);

//不滚动

UIScrollView *questScrollView = [questWebView.subviews objectAtIndex:0]; questScrollView.scrollEnabled = NO;

// 字体的大小

NSString *BookStr = [NSString stringWithFormat:@"<html> \n" "<head> \n" "<style type=\"text/css\"> \n" "body {margin:0;font-size: %f;}\n" "</style> \n" "</head> \n" "<body>%@</body> \n" "</html>",13.0,content]; //此处content为要设置字体大小的html内容代码

//此处BookStr为要显示的html代码 [questWebView loadHTMLString:BookStr baseURL:nil];

//获得webview高度

CGFloat webHeight = [[questWebView stringByEvaluatingJavaScriptFromString:@"document.body.offsetHeight"] floatValue];

方案2

/////////////////////////////初始化，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:@"<div id=\"webview_content_wrapper\">%@</div>", htmlcontent];
[_webView loadHTMLString:htmlcontent baseURL:nil];

////////////////////////////////delegate的方法重载////////////////////////////////////////////
- (void)webViewDidFinishLoad:(UIWebView *)webView
{
//获取页面高度（像素）
NSString * clientheight_str = [webView stringByEvaluatingJavaScriptFromString: @"document.body.clientHeight"];
float clientheight = [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').clientHeight + parseInt(window.getComputedStyle(document.getElementsByTagName('body')[0]).getPropertyValue('margin-top'))  + parseInt(window.getComputedStyle(document.getElementsByTagName('body')[0]).getPropertyValue('margin-bottom'))"];
float height = [height_str floatValue];
//内容实际高度（像素）* 点和像素的比
height = height * frame.height / clientheight;
//再次设置WebView高度（点）
webView.frame = CGRectMake(0, 0, self.view.frame.size.width, height);
}

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航