先来看看如何在项目中的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