微信网页开发支持.docVIP

微信网页开发支持 在微信上，通过公众平台推送给用户的文章，是在微信内部直接打开的，用的无外乎就是一个UIWebView控件（IOS上，Android上也差不多）。但特殊的是，微信官方在这里面加了一个默认的Js API--WeixinJSBridge，通过它，能直接在该页面上做这些操作： 1、将文章分享到微信朋友圈 2、将文章直接发送给微信上的好友 3、将文章分享到腾讯微博 4、关注指定用户 以上这些操作，都是通过WeixinJSBridge.invoke接口来完成的，那么，这个WeixinJSBridge对象还有没有提供一些别的方法可以让我们来使用的？于是，我做了这么个测试，用来提取WeixinJSBridge对象中的其他接口：/demo/weixinjsapi.html?请用微信打开该网址，怕输入麻烦的话，可以扫描如下二维码： 如果你也是一个技术控，那就把下面这段儿代码拿过去，自己玩儿吧： /** ?*?检测微信JsAPI ?*?@param?callback ?*/ function?detectWeixinApi(callback){ ????if(typeof?window.WeixinJSBridge?==?undefined?||?typeof?window.WeixinJSBridge.invoke?==?undefined){ ????????setTimeout(function(){ ????????????detectWeixinApi(callback); ????????},200); ????}else{ ????????callback(); ????} } ?????? detectWeixinApi(function(){ ????var?html?=?[]; ????for(var?key?in?window.WeixinJSBridge)?{ ????????var?js?=?WeixinJSBridge.?+?key?+??=??+?window.WeixinJSBridge[key].toString(); ????????js?=?js_beautify(js);?//?美化一下，看着舒服些 ????????html.push(pre?class=brush:js;toolbar:false;?+?js?+?/pre) ????} ?????? ????document.getElementById(WeixinJsApi).innerHTML?=?html.join(); ?????? ????//?代码高亮 ????SyntaxHighlighter.highlight(); }); 这个API在以前公布的部分接口被官方和谐掉很久了， 比如一键关注、分享给好友、分享到朋友圈等。当然，你可能会发现微信官方推送的一些文章还能使用这些功能，粗略估计，官方是对这个API增加了白名单控制，判断Referer，如果是微信官方的地址、或者是有合作的商家地址，则允许调用，否则，返回“access denied”！ 截止目前，笔者还没用发现还有什么办法能继续使用它！不过，官方和谐掉这个API其实也是说得过去的，因为在整个WebView的右上角，官方做了一个Navtive的按钮，点开以后，包括分享给好友、分享到朋友圈这样的功能都有，所以，官方也是在做一些引导。 当然，WeixinJSBridge这个API也并不是所有功能都被和谐掉了，相反，有好几个功能还是相当有用的，可以正常使用，比如： 1、隐藏微信网页右上角的按钮（...按钮）：开发者可以用这个功能来禁止当前页面被分享 2、隐藏微信网页底部的导航栏（比如前进后退和刷新）：这个导航栏会占用一定的区域，开发者可以认为用户不会用到它，将其隐藏掉 3、在微信网页中获取用户的网络状态：开发者可以利用这个API获得用户的网络状态，并提供不同的服务，比如视频类，在wifi下提供高清视频流，在2g网络下提供普通清晰视频流等等 下面分别通过简单的几行代码，说明这几个API的用法： 1、隐藏微信网页右上角的按钮 document.addEventListener(WeixinJSBridgeReady,?function?onBridgeReady() { ????// 通过下面这个API隐藏右上角按钮 ????WeixinJSBridge.call(hideOptionMenu); }); ???????????? document.addEventListener(WeixinJSBridgeReady,?function?onBridgeReady() { ????// 通过下面这个API显示右上角按钮 ????WeixinJSBridge.cal