有的时候需要把model里面的字段转成html格式,防止乱码,下面是核心代码。
model.Summary是model里面的一个label的属性
self.webViewSummay初始化一个Webwiew
NSData*data1=[model.Summary dataUsingEncoding:NSUTF8StringEncoding];
[self.webViewSummay loadData:data1MIMEType:@"text/html"textEncodingName:@"UTF-8"baseURL:nil];
NSBundle *bundle = [NSBundle mainBundle];
NSString *resPath = [bundle resourcePath];
NSString *filePath = [resPath stringByAppendingPathComponent:@"hello.html"];
//初始化一个UIWebView实例
myWebView = [[UIWebView alloc] initWithFrame:self.view.frame];
//加载指定的html文件
[myWebView loadRequest:[[NSURLRequest alloc] initWithURL:[[NSURL alloc] initFileURLWithPath:filePath]]];
下面就是我们的主角登场了。注意,这个方法得在WebView加载完成后执行。如下所示:
- (void)webViewDidFinishLoad:(UIWebView *)webView
{
NSString *jsCode = [NSString stringWithFormat:@"alert(1);"];
[myWebView stringByEvaluatingJavaScriptFromString:jsCode];
}
运行程序就可以看到一个由js弹出的弹窗了。
但是这仅仅是Objc调用js而已,怎样才能用js去调Objc的方法呢?如果能实现这一步,那么我们就可以实现提供一些系统层面的api去供js调用,从而去让js实现更多功能。查看一下UIWebViewDelegate的文档,会发现有如下接口
webView:shouldStartLoadWithRequest:navigationType:
Sent before a web view begins loading a frame.
- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType
当一个web视图开始加载一个frame的时候会触发它。看起来很符合我们的需求。我们可以在页面里创建一个iframe,使用js代码去改变它的src来触发这个调用,从而实现js对Objc的调用。具体的实现方式就不在此赘述,有兴趣的可以看一下我写的这个简单测试。
webview 自适应
_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);
}
网友评论