登录 立即注册
金钱:

Code4App-iOS开发-iOS 开源代码库-iOS代码实例搜索-iOS特效示例-iOS代码例子下载-Code4App.com

桥接Obj-C与Javascript - WebViewJavascriptBridge

[复制链接]
来自: Torr 分类: iOS精品源码 上传时间: 2017-1-10 09:51:48
Tag:桥接 Javascript 转换

项目介绍:

WebViewJavascriptBridge是一个iOS/OSX桥梁,连接了Obj-C与UIWebViews/WebViews之间的传送信息。

安装(iOS&OSX)

用CocoaPods安装

将如下加入到你的podfile,然后运行 pod install 去安装

`pod 'WebViewJavascriptBridge', '~> 5.0'`

手动安装
将 WebViewJavascriptBridge 文件夹拖拽到你的项目中。

使用方法

1.import头文件,声明属性

#import "WebViewJavascriptBridge.h"
@property WebViewJavascriptBridge* bridge;

2.整合WebViewjavascriptBridge与UIWebView或者WebView

self.bridge = [WebViewJavascriptBridge bridgeForWebView:webView];

3,在ObjC注册一个处理器,然后调用一个JS处理器

[self.bridge registerHandler:@"ObjC Echo" handler:^(id data, WVJBResponseCallback responseCallback) { NSLog(@"ObjC Echo called with: %@", data); responseCallback(data);
}];
[self.bridge callHandler:@"JS Echo" responseCallback:^(id responseData) { NSLog(@"ObjC received response: %@", responseData);
}];

4.复制粘贴 setupWebViewJavascriptBridge 到你的JS

function setupWebViewJavascriptBridge(callback) { if (window.WebViewJavascriptBridge) { return callback(WebViewJavascriptBridge); } if (window.WVJBCallbacks) { return window.WVJBCallbacks.push(callback); } window.WVJBCallbacks = [callback]; var WVJBIframe = document.createElement('iframe'); WVJBIframe.style.display = 'none'; WVJBIframe.src = 'wvjbscheme://__BRIDGE_LOADED__'; document.documentElement.appendChild(WVJBIframe); setTimeout(function() { document.documentElement.removeChild(WVJBIframe) }, 0)
}

5.最后,调用 setupWebViewJavascriptBridge ,然后使用注册处理器与调用ObjC处理器的桥接:

setupWebViewJavascriptBridge(function(bridge) {

    /* Initialize your app here */

    bridge.registerHandler('JS Echo', function(data, responseCallback) {
        console.log("JS Echo called with:", data)
        responseCallback(data)
    })
    bridge.callHandler('ObjC Echo', {'key':'value'}, function responseCallback(responseData) {
        console.log("JS received response:", responseData)
    })
})

https://github.com/marcuswestin/WebViewJavascriptBridge

code4app

相关源码推荐:

我来说两句
*滑动验证:
所有评论(23)
phoiu 2017-1-10 09:54:39
支持,感谢,祝code4app越来越好~
回复
AlonMessi 2017-1-10 09:57:01
code4app好的内容真的很多~赞
回复
littleRed 2017-1-10 09:58:00
相当不错,感谢无私分享精神!
回复
hellokenken 2017-1-10 09:58:59
小弟学习了~支持,支持
回复
BlueManlove 2017-1-10 10:00:50
不错不错,楼主辛苦了。。。
回复
kengsir 2017-1-10 10:03:57
我是来学习的
回复
code4app热心网友 2017-1-10 10:11:24
虽不明,但觉厉!
回复
code4app热心网友 2017-1-10 10:43:56
很给力,Code4App有你更精彩!
回复
神尊剑意 2017-1-10 10:45:57
正需要啊,感谢楼主无私分享!
回复
123下一页
提取码:  下载次数:80 状态:已购或VIP 售价:0(原价:10)金钱 下载权限:初级码农 
1430 1 80
联系我们
首页/微信公众账号投稿

帖子代码编辑/版权问题

QQ:435399051,742864542

如何获得代码达人称号?

代码贡献英雄榜
用户名 下载数
通过邮件订阅最新 Code4App 信息
上一条 /4 下一条
联系我们
关闭
合作电话:
13802416937
Email:
435399051@qq.com
商务市场合作/投稿
问题反馈及帮助
联系我们

广告投放| Github|申请友链|手机版|Code4App ( 粤ICP备15117877号-1 )

快速回复 返回顶部 返回列表