vue.js的h5页面与android(WebViewJavascriptBridge) / ios(window.webkit.messageHandlers)交互详细
16lz
2021-01-23
一、首先是h5页面与android交互：这里，我交互的android用的是WebViewJavascriptBridge：
####android调用h5方法并传递消息：
注意：在vue与android交互的时候，android的方法里this指向无效，需要赋值that；
#### h5传递消息给android：
二、h5页面与IOS交互，这里IOS用的是window.webkit.messageHandlers：
#### IOS调用h5页面方法，并传递消息：
写一个方法，接受对应的参数，此时不需要调用这个方法，只需要把这个方法暴露给window，IOS便可直接获取到，进行传参；h5只要在方法内接收对应参数进行操作即可
####h5页面发送消息给IOS
定义好需要传的内容，window.webkit这句是关键，可直接把dict定义好的内容发送给ios接收，FirstJsObect2是需要在ios内注册的一个方法名；
更多相关文章
- Android模拟SD卡实现方法解析
- Android编程实现屏幕自适应方向尺寸与分辨率的方法
- Android漏洞——将Android恶意代码隐藏在图片中
- Android Studio导入Project的方法
- Android使用AudioRecord遇到的问题与解决方法
- Android imageView图片按比例缩放
- 另类方法屏蔽Android4.03的HOME按键
- android中使用afinal一行代码显示网络图片
- android SDK更新方法总结