(转)给大家推荐一个【webview和js…

本文介绍如何通过WebViewJavascriptBridge封装实现webview与JavaScript之间的交互,包括引用、实例化UIWebView、设置代理及发送消息到JavaScript端。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

给大家推荐一个【webview和js的交互】封装,很好用~~~   

https://github.com/marcuswestin/WebViewJavascriptBridge


用法摘抄如下:

引用
See ExampleAppDelegate.* for example code. To use it in your own project:

1) Copy Classes/WebViewJavascriptBridge.h and Classes/WebViewJavascriptBridge.m into your Xcode project

2) Instantiate a UIWebView, a WebViewJavascriptBridge, and set yourself as the bridge's delegate

#import
#import "WebViewJavascriptBridge.h"

@interface ExampleAppDelegate : UIResponder

@end

@implementation ExampleAppDelegate

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOp tions:(NSDictionary *)launchOptions
{
        self.window = [[UIWindow alloc] initWithFrame:[[UIScreen mainScreen] bounds]];

        self.webView = [[UIWebView alloc] initWithFrame:self.window.bounds];
        [self.window addSubview:webView];
        self.javascriptBridge = [WebViewJavascriptBridge javascriptBridgeWithDele gate:self];
        self.webView.delegate = javascriptBridge;

        [self.window makeKeyAndVisible];
        return YES;
}

- (void)javascriptBridge:(WebViewJavascriptBridge *)bridge receivedMessage:(NSString *)message fromWebView:(UIWebView *)webView 
{
        NSLog(@"MyJavascriptBridgeDelega te received message: %@", message);
}

@end
3) Go ahead and send some messages from Objc to javascript

[self.javascriptBridge sendMessage:@"Well hello there" toWebView:self.webView];
4) Finally, set up the javascript side of things

document.addEventListener('WebViewJavascriptBridgeR eady', function onBridgeReady() {
        WebViewJavascriptBridge.setMessageHandler(function(message) {
                alert('Received message: ' + message)
        })
        WebViewJavascriptBridge.sendMessage('Hello from the javascript')
}, false)
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值