酒浓码浓 - H5浏览器分享到微信/QQ/微博

H5浏览器分享到微信/QQ/微博

随着自媒体社交的发展。移动端的分享功能已是家家所需，身为一个被生活所逼的办公室底层劳动工人，不敢掉以轻心赶紧跟上步伐~~o(╥﹏╥)o

可是浏览器端想设置自媒体端的分享内容却不是个简单活~ 

大家都知道浏览器未被垄断，各家争奇斗艳！想兼容所有的浏览器~ ，停  打住  别想了~

有些浏览器默认会抓取网页的title 当前地址 及第一张图片。做为分享内容，但浏览器种类居多规则各不相同，我们这个时代估计是不可能做到完全统一了！！ 所以只能是针对用户较多的浏览器  尽量兼容

以下查阅到相关的插件，算是内部自行封装也仅是针对部分浏览器：

m-share

nativeshare

 

微信、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提供了很全面的方法。