ios客户端跟h5页面桥接

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页面桥接相关推荐

window使用chrome调试ios设备的H5页面（Safari和APP）
window使用chrome调试ios设备的H5页面(Safari和APP) 1:用管理员身份打开PowerShell,不同操作系统打开方式不太一样,win10的话在搜索栏搜索就能找到( 2:查看Po ...
IOS系统中H5页面实现摇一摇功能
公司准备开年会了,年会活动用了一套别人的系统,根据测试,有些游戏的摇一摇功能在IOS上无法使用,为了修复该功能,踩了一些坑,特此记录如下: 1. 因为IOS系统的安全要求,项目必须是在https的域名 ...
安卓IOS客户端调试webview页面的方法，支持实时预览
调试方式手机模拟器调试真实手机调试,安卓和IOS都可以注意事项混合开发的时候经常要用到调试功能,调试webview方法有很多种: 直接让客户端把地址修改成本机ip地址,客户端重新出调试包通过 ...
ios系统微信H5页面背景音乐自动播放
思路:在页面中内嵌微信开发的代码块,可让ios手机自动播放背景音乐注意:代码引入了微信js接口,实际开发需配置jsjdk html代码 <!DOCTYPE html> <html ...
解决ios手机vue H5页面输入键盘收起后页面回弹到顶部问题
1.网上给出的解决方法一般是当软键盘收起时检测输入框失焦,失焦后重新滑动回输入框位置.在 mounted () 内加入如下代码可治标但不治本. document.body.addEventListe ...
ios系统在h5页面下拉上拉会带动整个webview 出现空白
产生原因: 在 iOS 中,手指按住屏幕上下拖动,会触发 touchmove 事件.这个事件触发的对象是整个 webview 容器, 容器自然会被拖动,剩下的部分会成空白. 在 W3C 文档中说 to ...
ios手机上 h5页面返回后不刷新问题
在开发中遇到的两种情况 1.第一种是因为app内嵌页面.在A页面里会有一个按钮跳转到B页面选择医生,当选择完再跳转回来A.这样重复多次后,再次点击A页面的返回后就还是返回到了B而不是app的页面.原因 ...
ios 键盘导致h5页面变形问题
键盘弹出时影响h5的fixed属性使其失效解决方法是在弹出键盘的时候将fixed 改成static然后在键盘消失的时候再改回来下面上一个例子虚拟键盘在点击input和textarea的时候会出现 ...
网易新闻IOS客户端文章详情页面的分析
原文地址:http://386502324.blog.163.com/blog/static/11346937720154293438399/ 可以排除CoreText(富文本),复制文字的功能Cor ...

ios客户端跟h5页面桥接

ios调用h5的方法

h5调用ios的方法

ios客户端跟h5页面桥接相关推荐

最新文章

热门文章