微信内置浏览器的JsAPI.docx

微信内置浏览器的JsAPI(WeixinJSBridge续)微信内置浏览器（WebView）中特有的Javascript API（Javascript Interface）的文章，不过随着微信官方的调整，部分API已经不能直接使用，比如类似直接分享到朋友圈?WeixinJSBridge.invoke(shareTimeline,data,callback) 这样的功能，直接调用，会得到一个访问拒绝的response。后来重新调研了下，整理出来了一个WeixinAPI的Javascript类库，分享出来，如果你对微信公众平台开发感兴趣，应该对你有用。/**!?*?微信内置浏览器的Javascript?API，功能包括：?*?*?1、分享到微信朋友圈?*?2、分享给微信好友?*?3、分享到腾讯微博?*?4、隐藏/显示右上角的菜单入口?*?5、隐藏/显示底部浏览器工具栏?*?6、获取当前的网络状态?*?7、调起微信客户端的图片播放组件?*?*?@author?zhaoxianlie()?*/var?WeixinApi?=?(function?()?{??????/*?这里省略了一堆代码……下面直接看调用接口?*/?????return?{????????ready???????????:wxJsBridgeReady,????????shareToTimeline?:weixinShareTimeline,????????shareToWeibo????:weixinShareWeibo,????????shareToFriend???:weixinSendAppMessage,????????showOptionMenu??:showOptionMenu,????????hideOptionMenu??:hideOptionMenu,????????showToolbar?????:showToolbar,????????hideToolbar?????:hideToolbar,????????getNetworkType??:getNetworkType,????????imagePreview????:imagePreview????};?????});下面，我们先来看一下这些API都应该怎么使用，先从最简单的入手。1、假如我希望一打开网页后，就隐藏掉右上角的PopUp菜单入口，并且隐藏掉浏览器下方的工具栏，同时还要获得当前的网络状态，那么，我们的代码可以这样来写：//?所有功能必须包含在?WeixinApi.ready?中进行WeixinApi.ready(function(Api){????//?隐藏右上角popup菜单入口????Api.hideOptionMenu();?????//?隐藏浏览器下方的工具栏????Api.hideToolbar();?????//?获取网络状态????Api.getNetworkType(function(network){????????//?拿到?network?以后，做任何你想做的事????});});如示例代码中的注释所示，所有的功能执行必须放在WeixinApi.ready方法中执行，就好比你用jQuery的时候，通常都需要使用jQuery(document).ready(function(){ }) 一样。为什么要这样做？相信不用我解释大家都能明白，因为我们必须要保证在执行这些方法的时候，WeixinJsBridge API已经被加入到WebView上了！2、再来看一个有关分享的例子，假如用户在阅读我的文章（或在使用我的产品）的过程中，发现它很有意思或有价值，一般都会将其收藏或分享（给好友、朋友圈、微博等）出去，那现在我就希望能监测到用户的分享行为，比如：自定义用户可分享的内容、甚至是在用户分享之、分享被取消、分享失败、分享成功、以及整个分享操作过程结束，我们都去做点儿什么。那么，这个代码我们可以这样来写：//?所有功能必须包含在?WeixinApi.ready?中进行WeixinApi.ready(function(Api){?????//?微信分享的数据????var?wxData?=?{????????imgUrl:/fe/blog/static/img/weixin-qrcode-2.jpg,????????link:,????????desc:大家好，我是Alien，Web前端Android客户端码农，喜欢技术上的瞎倒腾！欢迎多交流,????????title:大家好，我是赵先烈????};?????//?分享的回调????var?wxCallbacks?=?{????????//?分享操作开始之前????????ready:function?()?{??????