最近由于项目的需求,加入了部分html5的页面,因此本地代码和H5之间有很多交互的部分。在网上查阅资料发现主要有两种:
1,拦截协议,即通过监听每个按钮点击时触发事件,获取点击的 url,从 url 中截取方法名和参数,然后调用方法、传递参数、
- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType{
NSString * urlStr = request.URL.absoluteString ;
NSLog(@"url~~:%@",urlStr);
return YES;
}
在网页加载完毕时,调用 js 端,修改标签传值等操作。
- (void)webViewDidFinishLoad:(UIWebView)webView
{
NSStringjs =@"document.getElementsByTagName('footer')[0].remove();";
[webView stringByEvaluatingJavaScriptFromString:js];
}
2 导入JavaScriptCore库,注入模型。
h5代码:
<script>
function openSystemPhotoLib(){
//调用系统方法、打开相册
obj.callSystem();
}
function callBack(backContext){
var context =document.getElementById("p1");
context.innerText =backContext;
}
</script>
swift 代码:(在这里创建了JSAndSwiftMiddle.swift,专门处理交互问题)
import UIKit
import JavaScriptCore
/**
* 对外开放的代理
*/
@objc protocol JSAndSwiftModdleDelegate : NSObjectProtocol{
optional func JSCallSwiftSystem()
}
/**
* 这里面放的都是供H5调用原生的方法
*/
@objc protocol JavaScriptSwiftDelegate :JSExport{
func callSystem()
}
@objc class JSAndSwiftMiddle: NSObject,JavaScriptSwiftDelegate {
weak var jsContext: JSContext?
weak var delegate:JSAndSwiftModdleDelegate!
var webView:UIWebView!{
didSet{
jsContext = webView.valueForKeyPath("documentView.webView.mainFrame.javaScriptContext") as? JSContext!
}
}
func callSystem() {
if delegate.respondsToSelector(#selector(JSAndSwiftModdleDelegate.JSCallSwiftSystem)){
self.delegate.JSCallSwiftSystem!()
}
}
}
在webViewDidFinishLoad中注入模型
func webViewDidFinishLoad(webView: UIWebView) {
dispatch_async(dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT, 0)) {
// 初始化model
let model = JSAndSwiftMiddle()
model.delegate = self
model.webView = webView
self.jscontext = model.jsContext
self.jscontext?.setObject(model
, forKeyedSubscript: "lbyc")
self.jscontext?.exceptionHandler = { (context,exception) in
print("exception @",exception)
}
}
}
实现方法: func JSCallSwiftSystem()
但是这是个简单的方法,仍然有不少缺陷。