IOS WebViewJavascriptBridge 使用方法

最新推荐文章于 2024-09-07 09:55:39 发布

原创最新推荐文章于 2024-09-07 09:55:39 发布 · 1.3k 阅读

0 ·

CC 4.0 BY-SA版权

ios开发专栏收录该内容

31 篇文章

订阅专栏

本文详细介绍如何使用WebViewJavascriptBridge实现JavaScript与Objective-C之间的通信，包括JS调用iOS方法及iOS调用JS函数的示例代码。

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

地址

1 JS使用方法
添加方法：

function setupWebViewJavascriptBridge(callback) {
	if (window.WebViewJavascriptBridge) { return callback(WebViewJavascriptBridge); }
	if (window.WVJBCallbacks) { return window.WVJBCallbacks.push(callback); }
	window.WVJBCallbacks = [callback];
	var WVJBIframe = document.createElement('iframe');
	WVJBIframe.style.display = 'none';
	WVJBIframe.src = 'https://__bridge_loaded__';
	document.documentElement.appendChild(WVJBIframe);
	setTimeout(function() { document.documentElement.removeChild(WVJBIframe) }, 0)
}

setupWebViewJavascriptBridge(function(bridge) {
	//
	bridge.registerHandler('JS Echo', function(data, responseCallback) {
		console.log("JS Echo called with:", data)
		responseCallback(data)
		//data 就是从IOS获取的值
	})
	// {'key':'value'}是从JS发给IOS的值
	bridge.callHandler('ObjC Echo', {'key':'value'}, function responseCallback(responseData) {
		console.log("JS received response:", responseData)
	})
})

IOS处理方法

self.bridge = [WebViewJavascriptBridge bridgeForWebView:webView];


[self.bridge registerHandler:@"ObjC Echo" handler:^(id data, WVJBResponseCallback responseCallback) {
	NSLog(@"ObjC Echo called with: %@", data);
	responseCallback(data);
}];

[self.bridge callHandler:@"JS Echo" data:[self getPhone]  responseCallback:^(id responseData) {
	NSLog(@"ObjC received response: %@", responseData);
}];

- (NSString *)getPhone
{
	return @"1234556778";
}

注意：ObjC Echo 和 JS Echo 客户端和JS端的名字要一致