iOS UIWebView

概括：
一、UIWebView的基础使用
二、加载UIWebView需要注意的点
三、iOS与js的交互问题

一、UIWebView的基础使用

1、创建UIWebView:
 CGRect bouds = [[UIScreen manScreen]applicationFrame];
 UIWebView* webView = [[UIWebView alloc]initWithFrame:bounds];
 [self.view addSubview:webView];

2、设置UIWebView的相关属性:
 webView.scalespageToFit = YES;//自动对页面进行缩放以适应屏幕
 webView.detectsPhoneNumbers = YES;//自动检测网页上的电话号码，单击可以拨打
注意：我们在一个页面想拨打电话的时候，也可以调取webview拨打电话
 UIWebView*callWebview =[[UIWebView alloc] init];
 NSURL *telURL =[NSURL URLWithString:[NSString stringWithFormat:@"tel:%@",self.usersModel.mobile]];// 貌似tel:// 或者 tel: 都行
 [callWebview loadRequest:[NSURLRequest requestWithURL:telURL]];
       //记得添加到view上
 [self.view addSubview:callWebview];

3、加载内容：
 1.1、加载一个网页url：
  NSURL *url = [NSURL URLWithString:@"http://www.baidu.com"];//创建URL
  NSURLRequest* request = [NSURLRequest requestWithURL:url];//创建
  [webView loadRequest:request];//加载
 1.2、加载一个本地资源：
  NSURL* url = [NSURL fileURLWithPath:filePath];//创建URL
  NSURLRequest* request = [NSURLRequest requestWithURL:url];//创建
 [webView loadRequest:request];//加载
 设置webView的一些属性
 [webView goBack];//后退
 [webView goForward];//控制前进
 [webView reload];//重载
 [webView stopLoading];//取消载入内容

4、UIWebView的代理:
-(void)webViewDidStartLoad:(UIWebView*)webView ;//当网页视图已经开始加载一个请求后，得到通知。
-(void)webViewDidFinishLoad:(UIWebView*)webView ;//当网页视图结束加载一个请求之后，得到通知。
-(void)webView:(UIWebView*)webView DidFailLoadWithError:(NSError*)error;//当在请求加载中发生错误时，得到通知。会提供一个NSSError对象，以标识所发生错误类型。

二、加载UIWebView需要注意的点

1、处理UIWebView加载网页展示doc、txt、xls等等的文档乱码问题：
 1.1   处理展示txt文档乱码问题：
   if ([theType isEqualToString:@".txt"]){
//txt分带编码和不带编码两种，带编码的如UTF-8格式txt,不带编码的如ANSI格式txt。不带的，可以依次尝试GBK和GB18030编码
    NSString* aStr = [[NSString alloc] initWithData:attachmentData encoding:NSUTF8StringEncoding];
    if (!aStr){
      //用GBK进行编码
      aStr=[[NSString alloc] initWithData:attachmentData encoding:0x80000632];
    }
   if (!aStr){
     //用GBK编码不行,再用GB18030编码
     aStr=[[NSString alloc] initWithData:attachmentData encoding:0x80000631];
    }
   加载完成之后，会显示不全，可用textview进行排版，或者是通过html进行排版，下面列举html进行排版：
   NSString* responseStr = [NSString stringWithFormat:
   @""
    ""
    ""
    ""
    "%@"
    "/pre>"
   ""
   "",
   aStr];
   [attachmentWebView loadHTMLString:responseStr baseURL:[NSURL fileURLWithPath:[[NSBundle mainBundle] bundlePath]]];
   return;
  }
其他的处理乱码就用utf8转化就ok。
  
2、取消长按webView上的链接弹出actionSheet的问题：
-(void)webViewDidFinishLoad:(UIWebView *)webView{
    [webView stringByEvaluatingJavaScriptFromString:@"document.documentElement.style.webkitTouchCallout = 'none';"]；
}

3、取消webView上的超级链接加载问题：
-(BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType
{
   if (navigationType==UIWebViewNavigationTypeLinkClicked) {
       return NO;
   }else {
      return YES;
   }
}

4、删除 webView的cookie的方法：
-(void)deleteCookieForDominPathStr:(NSString *)thePath
{
//删除本地cookie，thePath为cookie路径通过打印cookie可知道其路径
   for(NSHTTPCookie *cookie in [[NSHTTPCookieStorage sharedHTTPCookieStorage] cookies]) {
   if([[cookie domain] isEqualToString:thePath]) {
     [[NSHTTPCookieStorage sharedHTTPCookieStorage] deleteCookie:cookie];}
   }
}

5、根据内容获取UIWebView的高度：
1.1  .使用sizeThatFits方法:
-(void)webViewDidFinishLoad:(UIWebView *)webView{
   CGRect frame = webView.frame;
   frame.size.height = 1;
   webView.frame = frame;
   CGSize fittingSize = [webView sizeThatFits:CGSizeZero];
   frame.size = fittingSize;
   webView.frame = frame;
}
这个需要注意：使用 sizeThatFits前，先将UIWebView的高度设为最小，即1，再次调用就会返回最合适的大小

1.2  使用JavaScript方法
-(void)webViewDidFinishLoad:(UIWebView *)webView{
    CGRect frame = webView.frame;
    NSString *fitHeight = [webview stringByEvaluatingJavaScriptFromString:@"document.body.scrollHeight;"];
    frame.size.height = [fitHeight floatValue];
    webView.frame = frame;
}

三、iOS与js的交互问题

1、OC掉JS的方法：
第一步：需要添加系统库 JavaScriptCore.framework，引入头文件#import   
第二步：创建webview
第三步：创建 JSContext 桥梁
-(void)webViewDidFinishLoad:(UIWebView *)webView  {
    //创建JSContext 对象 
    JSContext *context=[webView valueForKeyPath:@"documentView.webView.mainFrame.javaScriptContext"];  
    NSString *alertJS=@"alert('我是拉拉吖')"; //准备执行的js代码  
    [context evaluateScript:alertJS];//通过oc方法调用js的alert  
}

2、JS调用OC方法：
例如：我们的app最近开发的七夕开奖活动，每次打开app，如果没开奖，就会有百宝箱，提示打开百宝箱
第一步：需要添加系统库 JavaScriptCore.framework，引入头文件#import   
第二步：创建webview
第三步：创建 JSContext 桥梁
第四步：规定名称：TestJSObject
第五步：规定方法带参数的：-(void)TestOneParameter:(NSString *)message 
@property (nonatomic, strong) JSContext *jsContext; 
-(void)webViewDidFinishLoad:(UIWebView *)webView {
   //建立连接
   self.jsContext = (JSContext *)[webView valueForKeyPath:@"documentView.webView.mainFrame.javaScriptContext"];
   self.jsContext.exceptionHandler = ^(JSContext *con, JSValue *exception) {
        NSLog(@"%@", exception);
        con.exception = exception;
    };
    //创建对象，处理来自JS调用的类
    TestJSObject *textJS = [[TestJSObject alloc] init];
    self.jsContext[@"TestJSObject"]= textJS;

}
重写TestJSObject类
#import   
#import   
  
//首先创建一个实现了JSExport协议的协议  
@protocol TestJSObjectProtocol   
//此处我们测试几种参数的情况  
-(void)TestNOParameter;  
-(void)TestOneParameter:(NSString *)message;  
@end  
//让我们创建的类实现上边的协议  
@interface TestJSObject : NSObject  
  
@end  

#import "TestJSObject.h"  
@implementation TestJSObject
-(void)TestOneParameter:(NSString *)message  
{  
    NSLog(@"this is ios TestOneParameter=%@",message);  
} 
@end

注意：如果js是多个参数的话  我们代理方法的所有变量前的名字连起来要和js的方法名字一样
比如： js方法为  testobject.TestTowParameterSecondParameter('参数A','参数B')
他有两个参数 那么我们的代理方法 就是把js的方法名 TestTowParameterSecondParameter 任意拆分成两段作为代理方法名
-(void)TestTowParameter:(NSString *)message1 SecondParameter:(NSString *)message2;  

3、使用第三方的WebViewJavascriptBridge
  第一步：导入第三方WebViewJavascriptBridge
  第二步：引入头文件：#import "WebViewJavascriptBridge.h"
  第三步：同js方规定方法：@"pushAppParam"
  @property (nonatomic,strong) WebViewJavascriptBridge *bridge;
  - (void)viewDidLoad{
       //调用方法
       [self addInitWebViewJavascriptBridge];
   }
实现方法
- (void) addInitWebViewJavascriptBridge{
     self.bridge = [WebViewJavascriptBridge bridgeForWebView:self.webView];
    [self.bridge setWebViewDelegate:self];
    
    [self.bridge registerHandler:@"pushAppParam" handler:^(id data, WVJBResponseCallback responseCallback) {
        NSDictionary *dic = data;
       //实现需要的功能
  }