WebView右上角三个点按钮,点击之后会弹出分享面板,最底部展示的是h5自定义的功能,目前有两种方案展示自定义功能。方案如下:
方案1:
h5调用原生API
使用框架:WebViewJavascriptBridge
方法名:more
传入参数为数组对象:
{ dataArray:( {icon:"图标",title:"名称",url:"链接"}, {icon:"图标",title:"名称",url:"链接"}, {icon:"图标",title:"名称",url:"链接"} ) } //数组元素个数不超过三个
h5使用WebViewJavascriptBridge调用原生API的方法可以参考这篇文章:https://www.jianshu.com/p/bfd062af37c9
方案2:
h5通过在url后面加参数的方式给app传递数据
请按照如下步骤操作:
1.把下面json字符串里面的title、icon和url的数据改为需要传递功能的名称、图标和链接
[ { "title": "服务评价", "icon": "https://portal-minio.nwpu.edu.cn/evaluation-center/625d0f63e4b0960b62f48fe9.png", "url": "https://www.baidu.com" }, { "title": "咨询反馈", "icon": "https://portal-minio.nwpu.edu.cn/evaluation-center/625d0f67e4b0960b62f48feb.png", "url": "https://www.baidu.com" }, { "title": "小希问答", "icon": "https://portal-minio.nwpu.edu.cn/evaluation-center/625d0f5ee4b0960b62f48fe7.png", "url": "https://www.baidu.com" } ]
2.打开网址http://www.esjson.com/urlEncode.html
把上面的json数据粘贴到如下位置,点击URL编码
3.复制编码结果
4.把编码结果放到url的后面(dataArray为参数名)
https://www.aaa.com?dataArray=编码结果