app嵌入网页与app交互

最新推荐文章于 2024-11-29 15:48:51 发布

xjy_phper

最新推荐文章于 2024-11-29 15:48:51 发布

阅读量2.7k

点赞数

CC 4.0 BY-SA版权

分类专栏： PHP app

本文链接：https://blog.youkuaiyun.com/xjymcc/article/details/83540647

PHP 同时被 2 个专栏收录

7 篇文章

订阅专栏

app

1 篇文章

订阅专栏

本文详细介绍了如何在iOS和安卓应用中使用WebView进行JavaScript桥接，实现与原生代码的数据交换。通过具体代码示例，展示了传参过程及回调机制，为跨平台应用开发提供了实用的解决方案。

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

一、传参给ios

// iosapp交互
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 = 'wvjbscheme://__BRIDGE_LOADED__'; 
	document.documentElement.appendChild(WVJBIframe); 
	setTimeout(function() { document.documentElement.removeChild(WVJBIframe) }, 0) 
}

setupWebViewJavascriptBridge(function(bridge) {  
	bridge.callHandler(
		'name', // ios里定义的方法名
		{'code': data.info.code}, // 要传递的参数数组
		function(response) {}
	)
})

二、传参给安卓

// 安卓回调
function customerParam(bridge, code) {
	var data = {
	    code: code, // 要传的参数
	};
	bridge.send(data, function (responseData) {
		// alert('回调');
	});
}

window.appCustomer.customerParam(data.info.code);
注：appCustomer是安卓的类库名，customerParam是方法名

其它参考：

https://blog.youkuaiyun.com/c19344881x/article/details/42488835

https://www.jianshu.com/p/ba6358b1eec3