H5浏览器分享到微信/QQ/微博
随着自媒体社交的发展。移动端的分享功能已是家家所需,身为一个被生活所逼的办公室底层劳动工人,不敢掉以轻心赶紧跟上步伐~~o(╥﹏╥)o
可是浏览器端想设置自媒体端的分享内容却不是个简单活~
大家都知道浏览器未被垄断,各家争奇斗艳!想兼容所有的浏览器~ ,停 打住 别想了~
有些浏览器默认会抓取网页的title 当前地址 及第一张图片。做为分享内容,但浏览器种类居多规则各不相同,我们这个时代估计是不可能做到完全统一了!! 所以只能是针对用户较多的浏览器 尽量兼容
以下查阅到相关的插件,算是内部自行封装也仅是针对部分浏览器:
微信、QQ暂没发现有什么好办法~ 如果您有 请告知:
网上查阅资料有提供QQ的外链,但是亲测不好使,网络报错:
var param = {
url: window.location.href,
desc: '', /*分享理由*/
title : '', /*分享标题(可选)*/
summary : '',/*分享描述(可选)*/
pics : '',/*分享图片(可选)*/
flash : '', /*视频地址(可选)*/
site: '' /*分享来源 (可选) */
};
var s = [];
for (var i in param) {
s.push(i + '=' + encodeURIComponent(param[i] || ''));
}
var targetUrl = "http://connect.qq.com/widget/shareqq/iframe_index.html?" + s.join('&') ;
window.open(targetUrl, 'qq', 'height=100, width=100');
微博提供了H5端的外链,亲测是可用的:
var param = {
url: window.location.href,
type: '3',
count: '1', /** 是否显示分享数,1显示(可选)*/
appkey: '', /** 您申请的应用appkey,显示分享来源(可选)*/
title: '', /** 分享的文字内容(可选,默认为所在页面的title)*/
pic: '', /**分享图片的路径(可选)*/
ralateUid:'', /**关联用户的UID,分享微博会@该用户(可选)*/
rnd: new Date().valueOf()
}
var temp = [];
for( var p in param ) {
temp.push(p + '=' +encodeURIComponent( param[p ] || '' ) )
}
var targetUrl = 'http://service.weibo.com/share/share.php?' + temp.join('&');
window.open(targetUrl, 'sinaweibo', 'height=430, width=400');
}
如在微信浏览器做分享,官方SDK提供了很全面的方法。