码迷,mamicode.com
首页 > 微信 > 详细

web页面手机浏览器qq浏览器自带分享和微信浏览器自带分享的总结

时间:2018-05-24 18:56:31      阅读:3429      评论:0      收藏:0      [点我收藏+]

标签:web   地址   ati   网上   文档   需要   com   main   空间   

我们公司有ios原生和安卓原生的app,后面新加H5的手机浏览器页面,页面需要分享。公司参照京东分享模式进行开发。本来想用h5和js一起写分享,后面发现每个浏览器都自带分享按钮,所以就用浏览器自带的分享按钮。

1、首先,qq浏览器是最简单,但是百度上最没有文档。qq浏览器打开页面,按分享按钮可以分享到qq好友。qq空间、朋友圈和微信好友,四种方式。但是分享必须自带自家产品的图片和标题,所以进行代码设置:如图:

技术分享图片

设置这三者就可以把你想要的描述,标题和图片带过去。我是动态改变meta的内容的。(网上还有一种nativeShare的分享插件,我试了一下,没什么作用)

2、最后一个就是微信浏览器的分享,根据微信公众号的开发文档https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115

技术分享图片

 

最重要的是后台返回签名,首先是签名错误,一定要看仔细自己请求的url地址:datas =location.href.split(‘#‘)[0];,不管你怎么弄,一定要这个方法截取,不然一直都是签名错误,一定要注意了。

其他的照着文档些就好了。

web页面手机浏览器qq浏览器自带分享和微信浏览器自带分享的总结

标签:web   地址   ati   网上   文档   需要   com   main   空间   

原文地址:https://www.cnblogs.com/dongfangtaling/p/9084457.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!