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

最新推荐文章于 2023-05-04 20:39:17 发布

weixin_34279246

最新推荐文章于 2023-05-04 20:39:17 发布

阅读量499

点赞数

文章标签：移动开发

原文链接：https://my.oschina.net/llfk/blog/793597

版权

为什么80%的码农都做不了架构师？>>>

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);
}

转载于:https://my.oschina.net/llfk/blog/793597