谈谈OC-UIWebView与js 交互,定义的协议方法可在redirect后重复使用

因为我之前尝试用苹果自带的JSExport写一个UIWebView与js 交互的方法, 写完是能够正确调用, 但如果从webView 中再重定向到其他网页, 那之前写的JSExport就会失效, 也就是之前写的方法不能在同一个UIWebView下的不同网页共用, 在网上找了一位大神写的分类, 加上自己的使用. 下面分享一下.
UIWebView-TS_JavaScriptContext

• 下面我们开始写代码吧.
  首先把大神写的分类拖进项目.里面写的也不难, 可以看懂,有兴趣的可以看看(最后有demo)

  
  
  
  

  *使用

#import "JJViewController.h"
#import "UIWebView+TS_JavaScriptContext.h"
#import "JSInterface.h"
// TSWebViewDelegate 中就一个方法, 实现他的方法
@interface JJViewController () <TSWebViewDelegate>
@end

@implementation JJViewController
{
    IBOutlet UIWebView* _webView;
    JSContext * _ctx;
}

- (void)viewDidLoad
{
    [super viewDidLoad];
    NSURL* htmlURL = [[NSBundle mainBundle] URLForResource: @"testWebView"
                                             withExtension: @"htm"];
    [_webView loadRequest: [NSURLRequest requestWithURL: htmlURL]];
  //  代理一定要设置
    _webView.delegate = self;
}
- (void)dealloc {
    NSLog(@"%s",__func__);
}

- (void)webView:(UIWebView *)webView didCreateJavaScriptContext:(JSContext *)ctx
{
    // js中想直接这样调用(<button type='button' onclick='sayHello()'>Say Hello!</button>), 可以把 sayHello , 直接丢给ctx:
    ctx[@"sayHello"] = ^{
        // 要注意, 它调用时是异步的, 如果想在主线程做事, 需回到主线程
        dispatch_async( dispatch_get_main_queue(), ^{
            UIAlertView* av = [[UIAlertView alloc] initWithTitle: @"Hello, World!"
                                                         message: nil
                                                        delegate: nil
                                               cancelButtonTitle: @"OK"
                                               otherButtonTitles: nil];
            [av show];
        });
    };
    // 为防止循环引用, 需要建立一个类来处理你的协议方法
   // 在js 中如果想调用JSInterface协议中的方法需要以 'viewController' 开头, 是ctx[@"viewController"]中决定定的.比如js:<button type='button' onclick='viewController.sayGoodbye()'>Say Goodbye!</button>
    ctx[@"viewController"] = [[JSInterface alloc]init];
}
@end

• JSInterface.m

#import "JSInterface.h"
@protocol JavaScriptDelegate <JSExport>
- (void) sayGoodbye;
@end
@interface JSInterface() <JavaScriptDelegate>

@end
@implementation JSInterface

- (void) sayGoodbye
{
        // 要注意, 它调用时是异步的, 如果想在主线程做事, 需回到主线程
        dispatch_async(dispatch_get_main_queue(), ^{
            UIAlertView* av = [[UIAlertView alloc] initWithTitle: @"Goodbye, World!"
                                                         message: nil
                                                        delegate: nil
                                               cancelButtonTitle: @"OK"
                                               otherButtonTitles: nil];
            
            [av show];
        });   
}
@end

• 至此, js调用原生结束, 如果是同一个UIWebView, 不管怎么redirect多少次, 你定义的协议方法依然可以调用.如果想看原生调用js, 请看我的另一篇文章谈谈swift版的 WKWebView 与js/ts 交互,最后有讲.
• Demo地址