先来看看如何在项目中的webview上面点击一个按钮,就能达到调用oc代码


上面的这个页面是webview里面嵌套的一个项目的网页,打印订单点击之后(点击事件是一个js方法),需要调用oc里面集成好的蓝牙打印机功能,来完成打印。
所以这里只能用js代码来直接调用oc代码。
1.首先创建一个ios类,因为这里一般都需要安卓端做一套,ios端做一套,所以一般这样命名以示区别
?| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
.h
#import <foundation/foundation.h>
#import <javascriptcore/javascriptcore.h>
/**
* js调用oc里 main的代码,需要借助这个协议才行
*/
@protocol jsobjectprotocol <jsexport>
@required
#pragma mark -js调用该oc方法,并且将jsonstring打印出来
- (void)print:(nsstring *)jsonstring;
@end
@interface ios : nsobject<jsobjectprotocol>
@end
|
| 1 2 3 4 5 6 7 8 9 10 |
.m
@implementation ios
#pragma mark -打印jsonstring
- (void)print:(nsstring *)jsonstring{
//打印的具体事件
}
|
2. 在网页加载结束之后调用注册ios注册
?| 1 2 3 4 5 6 7 8 9 10 11 12 |
#pragma mark -网页加载完毕,注册ios对象,并且自动检查打印机是否自动连接
-(void)webviewdidfinishload:(uiwebview *)webview{
//首先创建jscontext 对象(此处通过当前webview的键获取到jscontext)
//这个对象必须创建出来,否则会无法调用到协议里的方法
ios *ios = [[ios alloc] init];
jscontext *context = [self.webview valueforkeypath:@"documentview.webview.mainframe.javascriptcontext"];
context[@"ios"] = ios;
}
|
3. 在js的点击事件里面类似下面这样调用即可(下面这段代码写在对应的js代码里面,而非你的oc代码里面)
?| 1 2 3 4 5 6 7 8 9 |
if (window["android"] && window["android"]["jsprint"]) {
var andprint = window.android.jsprint(json.stringify(d));
} else if (window["ios"] && window["ios"]["print"]) {
window["ios"]["print"](json.stringify(d));
} else {
this.alert.autoclosetip("找不到打印方法!", 1000);
}
|
以上就是关于ios如何使用javascript代码调用oc方法的全部内容,希望对大家学习ios开发有所帮助。希望大家多多支持服务器之家。
原文链接:http://www.jianshu.com/p/ccdf5ab488cf








发表评论
◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。