1.新建Bridge.js模塊

function setupWebViewJavascriptBridge(callback) {if (window.WebViewJavascriptBridge) {return callback(window.WebViewJavascriptBridge)}if (window.WVJBCallbacks) {return window.WVJBCallbacks.push(callback)}window.WVJBCallbacks = [callback]let WVJBIframe = document.createElement('iframe')WVJBIframe.style.display = 'none'WVJBIframe.src = 'https://__bridge_loaded__'document.documentElement.appendChild(WVJBIframe)setTimeout(() => {document.documentElement.removeChild(WVJBIframe)}, 0) } export function callhandler(name, data, callback) {setupWebViewJavascriptBridge(function (bridge) {bridge.callHandler(name, data, callback)}) } export function registerhandler(name, callback) {setupWebViewJavascriptBridge(function (bridge) {bridge.registerHandler(name, function (data, responseCallback) {callback(data, responseCallback)})}) }

2.在使用的模塊中引入Bridge.js或者放到公共的js中

import * as Bridge from './bridge';//引ios橋接

ios調(diào)用h5的方法

Bridge.registerhandler('方法名', res => { 執(zhí)行對(duì)應(yīng)的操作 })

h5調(diào)用ios的方法

Bridge.callhandler('方法名', { 傳遞的參數(shù)，不需要傳參數(shù)傳空對(duì)象 }, res => {執(zhí)行對(duì)應(yīng)的操作})

總結(jié)

以上是生活随笔為你收集整理的ios客户端跟h5页面桥接的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。