微信公众平台开始支持前端网页，大家可能看到很多网页上都有分享到朋友圈，关注微信等按钮，点击它们都会弹出一个窗口让你分享和关注，这个是怎么做到的呢？

一、微信内置浏览器

通过 Mac 远程调试 iPhone 上微信自己的网页，我们可以发现微信内嵌浏览器定义了一个私有 JavaScript 对象：WeixinJSBridge，通过操作这个对象的相关方法可以实现分享到微信朋友圈，和判断一个微信号的关注状态以及实现关注指定微信号等功能。

二、js功能：分享到朋友圈 复制代码 代码如下:

function weixinShareTimeline(title,desc,link,imgUrl){ WeixinJSBridge.invoke(‘shareTimeline',{ “img_url”:imgUrl, //”img_width”:”640″, //”img_height”:”640″, “link”:link, “desc”: desc, “title”:title }); } 三、js功能：发送给好友

复制代码 代码如下:

function weixinSendAppMessage(title,desc,link,imgUrl){ WeixinJSBridge.invoke(‘sendAppMessage',{ //”appid”:appId, “img_url”:imgUrl, //”img_width”:”640″, //”img_height”:”640″, “link”:link, “desc”:desc, “title”:title }); } 四、js功能：分享到腾讯微博

复制代码 代码如下:

function weixinShareWeibo(title,link){ WeixinJSBridge.invoke(‘shareWeibo',{ “content”:title + link, “url”:link }); } 五、js功能：关注指定的微信号 复制代码 代码如下:

function weixinAddContact(name){ WeixinJSBridge.invoke(“addContact”, {webtype: “1″,username: name}, function(e) { WeixinJSBridge.log(e.err_msg); //e.err_msg:add_contact:added 已经添加 //e.err_msg:add_contact:cancel 取消添加 //e.err_msg:add_contact:ok 添加成功 if(e.err_msg == ‘add_contact:added' || e.err_msg == ‘add_contact:ok'){ //关注成功，或者已经关注过 } }) } 本文来源于广州网站建设公司与广州网站设计制作公司-广帆互动广州公司！