算是个人项目经验的,印象比较深的Web+JS交互的使用
iOS原生应用与Web页面元素交互方式有很多,JavaScriptCore、拦截协议、第三方框架WebViewJavaScriptBridge、iOS8之后的WKWebView等;
简要记录下之前开发用到的两种方式:
1. 劫持页面加载,从 UIWebVIew 的 shouldStartLoadWithRequest 方法中拦截RequestURL 判断加载项,代码简要:
-(BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType
{
NSString *urlStr = [[request URL] absoluteString];
// 加载的url 关键词需要同后台约定
NSRange range_keyWord = [urlStr rangeOfString:@"opengood://"];
if (range_keyWord.length > 0) {
[self doSomeThing];
}
return YES;
}
2. iOS7之后水果公司推出的 JavaScriptCore 框架,交互起来hin方便
需要注意的是JS调用的方法名等需要同前端的同事沟通好,最好由前端提供给你。
浅显的说,这个方式等同于将当前ViewController 注入到web的context中,不同webClick都能够有不同的JS方法与VC上面的代理方法相对应,
例:
Web端
javaScript控件的点击事件约定触发 'task.openNewWeb('urlStr')'
“task”这个东西在web源码中并没有什么实际意义 它只相当于iOS端的某个viewController的占位符号
iOS端代码:
#import <JavaScriptCore/JavaScriptCore.h>
UIWebView 代理方法中将当前控制器动态注入js中
- (void)webViewDidStartLoad:(UIWebView *)webView {
//首先创建JSContext 对象(此处通过当前webView的键获取到jscontext)
JSContext * context =[webView valueForKeyPath:@"documentView.webView.mainFrame.javaScriptContext"];
// 控制器self 填充web中预留的占位符‘task’
self.context[@"task"] = self;
// 这时候javaScript控件的点击事件约定触发 'task.openNewWeb('urlStr')'
// 那么在OC语法中相当于 [self openNewWeb:urlStr];
self.context.exceptionHandler = ^(JSContext *context, JSValue *exceptionValue) {
context.exception = exceptionValue;
NSLog(@"异常信息:%@", exceptionValue);
};
}
******** ⚠️ 注意:WEB JS交互crush
/*
* web点击事件 'task.click()' ,OC中必须要有对应的方法声明和实现,否则无法响应交互或导致crush
* 而且,在iOS10 以后 貌似加强了调度表查询机制,所以声明OC方法名的时候注意重复问题,
* 例如 openWeb:(int)index (NSString *)url 与 openWeb:(NSString *)url 形参数量存在差异,视为两个不同方法
* 因为在OC消息传递机制中,self.openNewWeb() 首先是通过self 查找保存本身所有selector的调度表
* 若self的selectorNameList中并未找到js调用的task.selectorName ,则通过self的isa定位到superClass,继续从super中的函数调度表 selectorNameList查询
* superClass中仍未查到则继续根据其isa顺藤摸瓜找到super的元类继续查找 如果元类中还没有 抛出异常>> crush.nice - -b
*/
所以对于上面拦截web加载的方式,JavaScriptCore 的另一个优点就是提升代码可读性。。。
由于项目代码内部有涉及到公司业务不方便贴出来,给大家提供两个之前调研过的连接,里面有详尽的JavaScriptCore 使用
链接1
http://mp.weixin.qq.com/s?__biz=MzAxMzE2Mjc2Ng==&mid=401786074&idx=1&sn=f03d52e7b4f980d694ed4a6b0e808d3b&scene=23&srcid=0309JfhgdIYEJ4vg1YY3OD2T#rd
链接2
http://mp.weixin.qq.com/s?plg_nld=1&plg_auth=1&plg_nld=1&plg_dev=1&plg_uin=1&plg_usr=1&plg_vkey=1&plg_nld=1&plg_uin=1&mid=403853462&plg_nld=1&idx=1&scene=23&plg_auth=1&__biz=MjM5Nzc1MzU2NA%3D%3D&plg_dev=1&srcid=0308AYX0Hpyq3w7TEdwDQ8z8&plg_usr=1&sn=f7437fe6fa45e62d86c026efa4aa1645&plg_vkey=1#rd
在很多页面涉及web交互时,就要频繁调用JS与ViewController关联的方法
这个之前写的一个web类目,提供下载链接,欢迎修改和完善
http://pan.baidu.com/s/1eRSt6p0