怎么在HTML5外部浏览器唤起微信

2024-10-26 技术教程

这篇文章给大家分享的是有关怎么在HTML5外部浏览器唤起微信的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。

html部分：

<scriptsrc="mshare.js"></script>//引进mshare.js<buttondata-mshare="0">点击弹出原生分享面板</button><buttondata-mshare="1">点击触发朋友圈分享</button><buttondata-mshare="2">点击触发发送给微信朋友</button>

js部分：

下面是mshare.js的代码分享，把这些代码新建一个js文件放进去，然后在页面中引进就ok了。

/***此插件主要作用是在UC和QQ两个主流浏览器*上面触发微信分享到朋友圈或发送给朋友的功能*/'usestrict';varUA=navigator.appVersion;/***是否是UC浏览器*/varuc=UA.split('UCBrowser/').length>1?1:0;/***判断qq浏览器*然而qq浏览器分高低版本*2代表高版本*1代表低版本*/varqq=UA.split('MQQBrowser/').length>1?2:0;/***是否是微信*/varwx=/micromessenger/i.test(UA);/***浏览器版本*/varqqVs=qq?parseFloat(UA.split('MQQBrowser/')[1]):0;varucVs=uc?parseFloat(UA.split('UCBrowser/')[1]):0;/***获取操作系统信息iPhone(1)Android(2)*/varos=(function(){varua=navigator.userAgent;if(/iphone|ipod/i.test(ua)){return1;}elseif(/android/i.test(ua)){return2;}else{return0;}}());/***qq浏览器下面是否加载好了相应的api文件*/varqqBridgeLoaded=false;//进一步细化版本和平台判断if((qq&&qqVs<5.4&&os==1)||(qq&&qqVs<5.3&&os==1)){qq=0;}else{if(qq&&qqVs<5.4&&os==2){qq=1;}else{if(uc&&((ucVs<10.2&&os==1)||(ucVs<9.7&&os==2))){uc=0;}}}/***qq浏览器下面根据不同版本加载对应的bridge*@methodloadqqApi*@param{Function}cb回调函数*/functionloadqqApi(cb){//qq==0if(!qq){returncb&&cb();}varscript=document.createElement('script');script.src=(+qq===1)?'//3gimg.qq.com/html5/js/qb.js':'//jsapi.qq.com/get?api=app.share';/***需要等加载过qq的bridge脚本之后*再去初始化分享组件*/script.onload=function(){cb&&cb();};document.body.appendChild(script);}/***UC浏览器分享*@methoducShare*/functionucShare(config){//['title','content','url','platform','disablePlatform','source','htmlID']//关于platform//ios:kWeixin||kWeixinFriend;//android:WechatFriends||WechatTimeline//uc分享会直接使用截图varplatform='';varshareInfo=null;//指定了分享类型if(config.type){if(os==2){platform=config.type==1?'WechatTimeline':'WechatFriends';}elseif(os==1){platform=config.type==1?'kWeixinFriend':'kWeixin';}}shareInfo=[config.title,config.desc,config.url,platform,'','',''];//androidif(window.ucweb){ucweb.startRequest&&ucweb.startRequest('shell.page_share',shareInfo);return;}if(window.ucbrowser){ucbrowser.web_share&&ucbrowser.web_share.apply(null,shareInfo);return;}}/***qq浏览器分享函数*@methodqqShare*/functionqqShare(config){vartype=config.type;//微信好友1,微信朋友圈8type=type?((type==1)?8:1):'';varshare=function(){varshareInfo={'url':config.url,'title':config.title,'description':config.desc,'img_url':config.img,'img_title':config.title,'to_app':type,'cus_txt':''};if(window.browser){browser.app&&browser.app.share(shareInfo);}elseif(window.qb){qb.share&&qb.share(shareInfo);}};if(qqBridgeLoaded){share();}else{loadqqApi(share);}}/***对外暴露的接口函数*@methodmShare*@param{Object}config配置对象*/functionmShare(config){this.config=config;this.init=function(type){if(typeoftype!='undefined')this.config.type=type;try{if(uc){ucShare(this.config);}elseif(qq&&!wx){qqShare(this.config);}}catch(e){}}}//预加载qqbridgeloadqqApi(function(){qqBridgeLoaded=true;});if(typeofmodule==='object'&&module.exports){module.exports=mShare;}else{window.mShare=mShare;}

感谢各位的阅读！关于“怎么在HTML5外部浏览器唤起微信”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识，如果觉得文章不错，可以把它分享出去让更多的人看到吧！