ViewController中的代码

#import "ViewController.h" #import [JavaScriptCore/JavaScriptCore.h](此处为尖括号) @protocol JSObjcDelegate [JSExport](此处为尖括号) - (void)callCamera; - (void)share:(NSString *)shareString; @end @interface ViewController () [UIWebViewDelegate, JSObjcDelegate](此处为尖括号) @property (nonatomic, strong) JSContext *jsContext; @property (weak, nonatomic) IBOutlet UIWebView *webView; @end @implementation ViewController #pragma mark - Life Circle - (void)viewDidLoad {     [super viewDidLoad];          NSURL *url = [[NSBundle mainBundle] URLForResource:@"test" withExtension:@"html"];     [self.webView loadRequest:[[NSURLRequest alloc] initWithURL:url]]; } #pragma mark - UIWebViewDelegate - (void)webViewDidFinishLoad:(UIWebView *)webView {     self.jsContext = [webView valueForKeyPath:@"documentView.webView.mainFrame.javaScriptContext"];     self.jsContext[@"Toyun"] = self;     self.jsContext.exceptionHandler = ^(JSContext *context, JSValue *exceptionValue) {         context.exception = exceptionValue;         NSLog(@"异常信息：%@", exceptionValue);     }; } #pragma mark - JSObjcDelegate - (void)callCamera {     NSLog(@"callCamera");     // 获取到照片之后在回调js的方法picCallback把图片传出去     JSValue *picCallback = self.jsContext[@"picCallback"];     [picCallback callWithArguments:@[@"photos"]]; } - (void)share:(NSString *)shareString {     NSLog(@"share:%@", shareString);     // 分享成功回调js的方法shareCallback     JSValue *shareCallback = self.jsContext[@"shareCallback"];     [shareCallback callWithArguments:nil]; } @end

ViewController中的代码解释

自定义JSObjcDelegate协议，而且此协议必须遵守JSExport这个协议，自定义协议中的方法就是暴露给web页面的方法。在webView加载完毕的时候获取JavaScript运行的上下文环境，然后再注入桥梁对象名为Toyun，承载的对象为self即为此控制器，控制器遵守此自定义协议实现协议中对应的方法。在JavaStript调用完本地应用的方法做完相对应的事情之后，又回调了JavaStript中对应的方法，从而实现了web页面和本地应用之间的通讯。

JavaScriptCore使用注意

JavaStript调用本地方法是在子线程中执行的，这里要根据实际情况考虑线程之间的切换，而在回调JavaScript方法的时候最好是在刚开始调用此方法的线程中去执行那段JavaStript方法的代码，我在实际运用中开始没注意，就被坑惨了啊。什么，说的太绕，看下面的代码解释：

//  假设此方法是在子线程中执行的，线程名sub-thread - (void)callCamera {          // 这句假设要在主线程中执行，线程名main-thread     NSLog(@"callCamera");            // 下面这两句代码最好还是要在子线程sub-thread中执行啊     JSValue *picCallback = self.jsContext[@"picCallback"];     [picCallback callWithArguments:@[@"photos"]]; }

)

[!DOCTYPE html] [html] [head]     [meta charset="UTF-8"] [/head] [body]     [div]         [input type="button" value="CallCamera" onclick="callCamera()"]     [/div]      [script]     function callCamera() {         window.location.href = 'toyun://callCamera';     } [/script] [/body] [/html]

test.html中的代码解释

这段代码相比上面的那段测试代码是很简单的，同样有一个按钮，名字为CallCamera点击之后调用自己的callCamera方法，window.location.href这里是改变主窗口的指向从而马上发出一个链接为Toyun://callCamera请求，而想要传给原生应用的参数也可已包含到此请求中，而在iOS方法中我们要拦截这个请求，根据请求内容去判断JavaStript想要做的事情，从而实现web页面和本地应用之间的交互。

iOS

iOS对应的代码

- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType {     NSString *url = request.URL.absoluteString;     if ([url rangeOfString:@"toyun://"].location != NSNotFound) {          // url的协议头是Toyun         NSLog(@"callCamera");         return NO;     }     return YES; }

iOS对应的代码的解释

在webView的代理方法中去拦截自定义的协议Toyun://如果是此协议则据此判断JavaStript想要做的事情，调用原生应用的方法，这些都是提前约定好的，同时阻止此链接的跳转。

总结