UIWebView中JS与OC交互 WebViewJavascriptBridge的使用
2017-10-12 21:53
761 查看
一、综述
现在很多的应用都会在多种平台上发布,所以很多程序猿们都开始使用Hybrid App的设计模式。就是在app上嵌入网页,只要写一份网页代码,就可以跑在不同的系统上。在iOS中,app多是通过WebView来加载网页,由于功能需求等原因,代码中少不得要和跟网页交互。二、原理
在iOS中,本地调用Javascript语言,是通过UIWebView中的实例方法stringByEvaluatingJavaScriptFromString:来实现的,该方法通过字符串对象的形式传入JS代码。三、WebViewJavascriptBridge的使用
1、WebViewJavascriptBridge简介WebViewJavascriptBridge支持到iOS6之前的版本的,用于支持native的iOS与javascript交互,接下来讲讲WebViewJavascriptBridge的基本原理及应该如何去使用,包括iOS端的使用和JS端的使用。
首先,看看WebViewJavascriptBridge.m中Webview代理拦截的代码:
2、WebViewJavascriptBridge的使用
首先,要在JS中接入这个框架,这段代码是不变的
OC部分,首先打开框架的日志系统,然后关联webView
四、小结
最近因为项目需要,正在边学边做Hybrid App,刚好用到这个第三方,就写了篇文分享出来,希望能帮到刚刚入手的人,以上实例的demo地址https://github.com/GarenChen/WebViewJSBridgeDemo喜欢的顺手给个star ^_^;推荐一些阅读:
JSBridge——Web与Native交互之iOS篇:http://www.jianshu.com/p/9fd80b785de1
Hybrid App 开发模式:http://www.tuicool.com/articles/riE3Yn
WebViewJavascriptBridge:https://github.com/marcuswestin/WebViewJavascriptBridge
相关文章推荐
- iOS使用WebViewJavascriptBridge实现OC与JS交互
- OC-JS交互(WebViewJavascriptBridge使用说明)
- OC-JS交互(WebViewJavascriptBridge使用说明)
- 使用WebViewJavascriptBridge实现OC与JS交互
- iOS中OC与JS交互WebViewJavascriptBridge的简单使用
- [iOS] 使用WebViewJavascriptBridge实现OC与JS交互
- [iOS] 使用WebViewJavascriptBridge实现OC与JS交互
- [iOS] 使用WebViewJavascriptBridge实现OC与JS交互
- iOS开发使用WebViewJavascriptBridge实现OC与JS交互
- [iOS] 使用WebViewJavascriptBridge实现OC与JS交互
- [iOS] 使用WebViewJavascriptBridge实现OC与JS交互
- [iOS] 使用WebViewJavascriptBridge实现OC与JS交互
- IOS 开发OC 与JS 交互 WebviewJavaScriptBridge 的简单实用(二)
- iOS下JS与OC互相调用(五)-->UIWebView + WebViewJavascriptBridge
- [js&oc交互]WebViewJavascriptBridge简单实用
- 通过WebViewJavascriptBridge实现OC与JS交互
- 通过WebViewJavascriptBridge实现OC与JS交互
- WebViewJavascriptBridge源码探究--看OC和JS交互过程(介绍了WebViewJavascriptBridge的实现过程)
- iOS OC与JS的交互(WebViewJavascriptBridge实现)
- JS与UIWebview交互原理摘记(WebViewJavascriptBridge)