酒濃碼濃 - 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提供了很全面的方法。