webview和js的交互

最新推荐文章于 2025-08-12 14:37:12 发布

最新推荐文章于 2025-08-12 14:37:12 发布 · 126 阅读

文章标签：

本文介绍了一个用于iOS应用中UIWebView与JavaScript交互的开源库WebViewJavascriptBridge的使用方法。包括库的引入、设置代理、发送消息从Objective-C到JavaScript以及设置JavaScript侧的监听。

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

原帖地址-- 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 <UIKit/UIKit.h>
#import "WebViewJavascriptBridge.h"

@interface ExampleAppDelegate : UIResponder <UIApplicationDelegate, WebViewJavascriptBridgeDelegate>

@end

@implementation ExampleAppDelegate

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(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 javascriptBridgeWithDelegate:self];
self.webView.delegate = javascriptBridge;

[self.window makeKeyAndVisible];
return YES;
}

- (void)javascriptBridge:(WebViewJavascriptBridge *)bridge receivedMessage:(NSString *)message fromWebView:(UIWebView *) webView
{
NSLog(@"MyJavascriptBridgeDelegate 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('WebViewJavascriptBridgeReady', function onBridgeReady() {
WebViewJavascriptBridge.setMessageHandler(function(message) {
alert('Received message: ' + message)
})
WebViewJavascriptBridge.sendMessage('Hello from the javascript')
}, false)