UIWebView中 通过js去调用客户端的代码,客户端回调js代码。
最近因为项目中有一些页面使用H5实现(不得不说给客户端减少了不小压力啊😂😂),但是有webview与客户端的交互,在使用过程当中遇到的问题做了一些总结。
我们模拟两个场景
在webview中点击某一个用户的头像通过客户端NativeCode实现进入该用户的资料页
网页代码
1
2
3
4
5
6
7
8
9<a href = "tataufo://userprofile">
<img src="avatarurl"></img>
<a>
<script>
function reloadKey(key){
//reload html
}
</script>
1.当用户点击头像的时候,会发送请求 tataufo://userprofile 这是跟客户端之前约定好的一个格式,不需要回调
tataufo 是个AppScheme,userprofile你可以认为你提供给网页的接口,当然你可以传递参数
格式如下:tataufo://userprofile#{‘userid’:3}(这里使用的是json形式的参数)
2.当webview需要调用Native的share,会发送请求 tataufo://share#{‘callback’:’reloadKey’} ,客户端处理完之后会回调reloadKey这个函数
实现如下: