本文将介绍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