iOS中OC响应JS调用随记一
最近做项目接触到了H5中点击需要让viewcontroller进行跳转.这是第一次接触js和OC的交互,所以写下笔记记录下(菜鸟笔记,高手勿喷>..<)
- html中定义Button和点击事件
<button id="hallo" onclick="buttonClick()"> 点击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方式响应方式