iOS与JS 交互的问题

最近由于项目的需求,加入了部分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
{
NSString
js =@"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()

但是这是个简单的方法,仍然有不少缺陷。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 查找名字为中带有autodesk的文件名
    freelamb阅读 1,204评论 0 0
  • 三生三世已经更新完好多天了,然而围绕着三生三世的讨论却仍然热切。很多妹子们都在期待能够遇到一位像姑父“夜华”一样的...
    逆向学习阅读 1,741评论 0 1
  • 朋友一句漫不经心的玩笑话,你是小太阳么?让我心中荡起涟漪! 生活中,遇到的种种困难挫折,无助彷徨,焦躁压力,当被朋...
    龚亮阅读 583评论 0 0

友情链接更多精彩内容