HTML5網頁端如何調用手機瀏覽器分享功能?

能夠針對手機瀏覽器里的部分內容進行快捷分享


項目地址:fa-ge/nativeShare

demo地址:NativeShare demo

兼容性(毫無疑問是兼容瀏覽器最多的插件了)

  • 移動端幾乎所有瀏覽器都支持分享到QQ和QQ空間
  • QQ瀏覽器
  • UC瀏覽器
  • 微信自帶瀏覽器(只能設置文案,分享需要用戶手動點擊右上角)
  • ios QQ自帶瀏覽器(只能設置文案,分享需要用戶手動點擊右上角)
  • QQ空間APP(只能設置文案,分享需要用戶手動點擊右上角)
  • android百度瀏覽器
  • 支持分享到web微博


RedSuper/nativeShare.js · GitHub 支持手機UC瀏覽器和QQ瀏覽器


/* 39yst.com:uc分享*/
var weixinShareBtn//微信分享按鈕,默認隱藏
var weixin;//新建微信分享方法
var Browser=new Object();
Browser.ios=/iphone/.test(Browser.userAgent); //判斷ios系統
if(/UCBrowser/gi.test(navigator.userAgent)){ //判斷uc瀏覽器
weixinShareBtn.style.display = block; //微信分享按鈕
weixin = function(){ //微信分享方法
var title = shareData.desc;
var img = shareData.imgUrl;
var url = location.href+(location.search?"":"?")+"uc_39yst";
if(Browser.ios){
ucbrowser.web_share(title, img, url, kWeixinFriend, , @39yst, );
}else{
ucweb.startRequest("shell.page_share",[title,img,url,WechatTimeline,,,])
};
// gaevent(event,uc_share,Browser.ios?ios:android);
}
};

調用weixin()方法即可分享,該方法只試用於uc瀏覽器;

ps:qq瀏覽器需要做』http://jsapi.qq.com/get?api=『請求,目前不懂這個請求的具體用途,請高手解答


你好,我想問一下,在Safari裡面調用自帶的airdrop分享,分享指定URL到微信什麼的可以實現嗎?


華為P8 UC瀏覽器不行,UC版本V11.6.1.949。安卓手機調用ucweb.startRequest("shell.page_share", [title, image, url, type, , , ]); 無法響應,是否有解決方法


微信內置瀏覽器為什麼不支持


推薦閱讀:

Egg.js 搭建 JWT/OAuth 認證伺服器
[git 進階] 同一電腦同時配置 github 和 gitlab
【掘金小報】第七期 你怎麼看待技術圈撕逼?
精讀《React 代碼整潔之道》

TAG:前端開發 | HTML5 |