JS与Native交互初识

本文将介绍iOS客户端UIWebView与JavaScript进行交互,实现数据传输,界面切换,控件显示等功能：

需求背景

客户端开发的优缺点:
优点: 交互流畅,交互性强,对于复杂手势和精彩动画的支持到位,可以给用户更好的交互体验.
缺点:开发成本高,上线时间长,可及时修改性差

Web开发的优缺点:
优点:灵活性高,上线不受苹果审核限制
缺点:与客户端原生控件相比,交互较差

交互方式

两个问题:
1.Native(UIWebView)能否直接调用JS方法?
YES
2.JS是否可以直接调用Native方法?
NO

Native调用JS方法
核心方法:
-(NSString*)stringByEvaluatingJavaScriptFromString:(NSString *)script;
使用该方法,等同于直接执行script语句

JS调用Native方法
核心技术:
JS通过触发UIWebViewshouldStartLoadWithRequest方法(修改src等方式),Native通过约定的方法进行重定向,客户端实现响应操作.常用的方法有以下两种
1.Native拦截URL,异步调用
2.Native注册协议,通过拦截canInitWithRequest,可以选择同步或者异步

简化操作

上述文中看出,交互难点在与JS调用Native方法,目前比较好的第三方类有UIWebViewJavaScriptBridge