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調用h5的方法

Bridge.registerhandler('方法名', res => { 執行對應的操作 })

h5調用ios的方法

Bridge.callhandler('方法名', { 傳遞的參數，不需要傳參數傳空對象 }, res => {執行對應的操作})

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。