webview的使用

来源：互联网发布：淘宝发货地址修改教程编辑：程序博客网时间：2024/06/14 15:19

创建webview

@property (strong, nonatomic) UIWebView *webView;- (UIWebView *)webView{    if (_webView) {        return _webView;    }    _webView = [[UIWebView alloc] initWithFrame:self.bounds];    _webView.scrollView.showsVerticalScrollIndicator = NO;    _webView.backgroundColor = [UIColor clearColor];    _webView.scrollView.userInteractionEnabled = YES;    _webView.scrollView.bounces = NO;    _webView.delegate = self;    [_webView sizeToFit];    // 设置webview 的背景图片    _webView.backgroundColor = [UIColor colorWithPatternImage:[UIImage imageNamed:@"backgroundcolor"]];    _webView.opaque = NO;    return _webView;}

展示文本内容

- (void)addWebViewWith:(NSString *)content{    NSString * htmlcontent = [NSString stringWithFormat:@"<div id=\"webview_content_wrapper\">%@</div>", content];    [self.webView loadHTMLString:htmlcontent baseURL:nil];    [self addSubview:self.webView];}

设置webview内容可滑动性,并自适应高
在webViewDidFinishLoad方法里

- (void)webViewDidFinishLoad:(UIWebView *)webView{    //获取页面高度（像素）    NSString * clientheight_str = [webView stringByEvaluatingJavaScriptFromString: @"document.body.offsetHeight"];    float clientheight = [clientheight_str floatValue];    //设置到WebView上    CGRect myFrame = CGRectMake(CGRectGetMinX(webView.frame), CGRectGetMinY(webView.frame), CGRectGetWidth(webView.frame), clientheight);    //获取WebView最佳尺寸（点）    CGSize frame = [webView sizeThatFits:myFrame.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'))"];    float height = [height_str floatValue];    //内容实际高度（像素）* 点和像素的比    height = height * frame.height / clientheight;    //再次设置WebView高度（点）    webView.scrollView.contentSize = CGSizeMake(0, height);/*     如果需要修改webview文本样式或背景色,可以在这里设置**/// 设置背景色//    [webView stringByEvaluatingJavaScriptFromString:@"document.getElementsByTagName('body')[0].style.background='#FFDAB9'"]; //字体大小    //[webView stringByEvaluatingJavaScriptFromString:@"document.getElementsByTagName('body')[0].style.webkitTextSizeAdjust= '330%'"];    //字体颜色    //[webView stringByEvaluatingJavaScriptFromString:@"document.getElementsByTagName('body')[0].style.webkitTextFillColor= 'gray'"];}

更多学习参考http://www.2cto.com/kf/201502/378706.html

0 0