服务器之家

服务器之家 > 正文

iOS开发之用javascript调用oc方法而非url

时间:2021-01-22 14:55     来源/作者:小小流浪的汉子

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

iOS开发之用javascript调用oc方法而非url

iOS开发之用javascript调用oc方法而非url

上面的这个页面是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

标签:

相关文章

热门资讯

2020微信伤感网名听哭了 让对方看到心疼的伤感网名大全
2020微信伤感网名听哭了 让对方看到心疼的伤感网名大全 2019-12-26
Intellij idea2020永久破解,亲测可用!!!
Intellij idea2020永久破解,亲测可用!!! 2020-07-29
背刺什么意思 网络词语背刺是什么梗
背刺什么意思 网络词语背刺是什么梗 2020-05-22
苹果12mini价格表官网报价 iPhone12mini全版本价格汇总
苹果12mini价格表官网报价 iPhone12mini全版本价格汇总 2020-11-13
歪歪漫画vip账号共享2020_yy漫画免费账号密码共享
歪歪漫画vip账号共享2020_yy漫画免费账号密码共享 2020-04-07
返回顶部