iOS中OC响应JS调用随记一

iOS中OC响应JS调用随记一

最近做项目接触到了H5中点击需要让viewcontroller进行跳转.这是第一次接触js和OC的交互,所以写下笔记记录下(菜鸟笔记,高手勿喷>..<)

• html中定义Button和点击事件
  点击button
• javascript中对事件定义
  function buttonClick()
  {
  var u = navigator.userAgent, app = navigator.appVersion;
  var isAndroid = u.indexOf(‘Android’) > -1 || u.indexOf(‘Linux’) > -1; //android终端或者uc浏览器
  var isIOS = !!u.match(/(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
  if (isAndroid) {
  window.object.back();
  } else if(isIOS) {
  iback();// iOS确定的iback方法
  }
  }
• OC中定义js要调用的方法
  在viewcontroller中

@property (weak, nonatomic) IBOutlet UIWebView *webview;// UIWebView
- (void)viewDidLoad {
    [super viewDidLoad];

    _webview.backgroundColor=[UIColor lightGrayColor];

    NSString *htmlPath = [[NSBundle mainBundle] pathForResource:@"index" ofType:@"html"];
    NSURL *localUrl = [[NSURL alloc] initFileURLWithPath:htmlPath];
    [_webview loadRequest:[NSURLRequest requestWithURL:localUrl]];

    // 重点
    JSContext *context = [_webview  valueForKeyPath:@"documentView.webView.mainFrame.javaScriptContext"];
    context[@"iback"] = ^() {
        // 直接响应
    };

}

• 遇到的一些坑和解决方法
  在调h5进行一些页面操作后 一直有Error Domain=NSURLErrorDomain Code=-999这个错误 导致h5中Button不响应点击事件 也就不能调用OC进行响应了 这里询问后台确认这个页面的url固定 所以通过判断url为要点击的页面后 在webview上加了一个空白的Button盖住h5上的按钮 直接在OC的按钮事件中进行响应
• 后续添加截取url方式响应方式