javascript
webviewjavascriptbridge android ios,js与ios交互使用WebViewJavascriptBridge如何写多个函数
//js與webview交互初始化
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) {
function followChange(data) {
if (data == 1) {
$(".btnFollow").removeClass("btnFollow-yes").addClass("btnFollow-no");
} else {
$(".btnFollow").removeClass("btnFollow-no").addClass("btnFollow-yes");
}
}
$(".btnFollow").click(function () {
var followStaus=1;
if ($(this).is('.btnFollow-no')) {
followStaus=1;
} else {
followStaus=2;
}
bridge.callHandler(
'callMobileHandler',
{"followStaus": followStaus, "deviceType": "ios"},
function (response) {
if(response.followStaus==1){
$(this).removeClass("btnFollow-yes").addClass("btnFollow-no");
}else{
$(this).removeClass("btnFollow-no").addClass("btnFollow-yes");
}
});
});
bridge.registerHandler('callJSHandler', function (data, responseCallback) {
followChange(data.followStaus);
// responseCallback(responseData);
});
//以上代碼實現的功能可以正常運行，以下代碼實現的功能沒有生效
var imgs = document.getElementsByTagName("img");
//傳遞圖片src數組
var imgsSrc=imgs.map(function (value,index) {
return value.src
});
bridge.callHandler(
'callMobileHandler',//名稱待換
{"imgList": imgsSrc, "deviceType": "ios"},//參數待換
function (response) {//假設返回的src數組為imgList
for(var i = 0;i< response.imgList.length; i++){
imgs[i].src=response.imgList[i];
}
});
//js注冊函數，沒用可刪除
/*bridge.registerHandler('callJSHandler', function (data, responseCallback) {
responseCallback(responseData);
});*/
//圖片點擊事件
for(var i = 0;i< imgs.length; i++){
imgs[i].onclick(function(){
bridge.callHandler(
'callMobileHandler',//名稱待換
{"currentImg": imgs[i].src, "deviceType": "ios"},//參數待換
function (response) {
//內容待寫
});
//js獲得ios端參數函數，沒用可刪除
/*bridge.registerHandler('callJSHandler', function (data, responseCallback) {
responseCallback(responseData);
});*/
});
}
});
我想問一下我想寫多個callhandle函數，是應該調用多次這個橋接函數呢，還是在一個函數里重復寫幾遍呢，或者是其他方法？目前只有第一個功能實現了，剩下的傳遞圖片數組和圖片點擊事件都沒有傳遞過去，該怎么辦？
總結
以上是生活随笔為你收集整理的webviewjavascriptbridge android ios,js与ios交互使用WebViewJavascriptBridge如何写多个函数的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： “千里歌别鹤”下一句是什么
- 下一篇： js实现html模板继承,理解JavaS