最全、最好用微信浏览器JS API合集！！！

寻找了多少次，终于发现它了，感谢网友的贡献，在此也分享给大家，查看附件~微信公众平台Js API（WeixinApi）    WeixinApi-master.zip (10.42 KB, 下载次数: 1233) 
微信公众平台Js API（WeixinApi）
1、API能实现什么？

1、分享到微信朋友圈
2、分享给微信好友
3、分享到腾讯微博
4、新的分享接口，包含朋友圈、好友、微博的分享（for iOS）
5、隐藏/显示右上角的菜单入口
6、隐藏/显示底部浏览器工具栏
7、获取当前的网络状态
8、调起微信客户端的图片播放组件
9、关闭公众平台Web页面
10、判断当前网页是否在微信内置浏览器中打开
11、增加打开扫描二维码
12、支持WeixinApi的错误监控
13、检测应用程序是否已经安装（需要官方开通权限）
你可以用微信的“扫一扫”来打开下面这个二维码体验一把：

Weixin Api Demo

2、如何使用？

使用起来比较简单，具体可参考demo.html中的实现

1）、初始化等待分享

JavaScript代码 

1. // 开发阶段，开启WeixinApi的调试模式
2. WeixinApi.enableDebugMode();
4. // 初始化WeixinApi，等待分享
5. WeixinApi.ready(function(Api) {
7.   // 微信分享的数据
8.   var wxData = {
9.     "appId": "", // 服务号可以填写appId
10.     "imgUrl" : 'http://www.baidufe.com/fe/blog/static/img/weixin-qrcode-2.jpg',
11.     "link" : 'http://www.baidufe.com',
12.     "desc" : '大家好，我是Alien，Web前端&Android客户端码农，喜欢技术上的瞎倒腾！欢迎多交流',
13.     "title" : "大家好，我是赵先烈"
14.   };
16.   // 分享的回调
17.   var wxCallbacks = {
18.     // 分享操作开始之前
19.     ready : function() {
20.     // 你可以在这里对分享的数据进行重组
21.     alert("准备分享");
22.     },
23.     // 分享被用户自动取消
24.     cancel : function(resp) {
25.     // 你可以在你的页面上给用户一个小Tip，为什么要取消呢？
26.     alert("分享被取消，msg=" + resp.err_msg);
27.     },
28.     // 分享失败了
29.     fail : function(resp) {
30.     // 分享失败了，是不是可以告诉用户：不要紧，可能是网络问题，一会儿再试试？
31.     alert("分享失败，msg=" + resp.err_msg);
32.     },
33.     // 分享成功
34.     confirm : function(resp) {
35.     // 分享成功了，我们是不是可以做一些分享统计呢？
36.     alert("分享成功，msg=" + resp.err_msg);
37.     },
38.     // 整个分享过程结束
39.     all : function(resp,shareTo) {
40.     // 如果你做的是一个鼓励用户进行分享的产品，在这里是不是可以给用户一些反馈了？
41.     alert("分享" + (shareTo ? "到" + shareTo : "") + "结束，msg=" + resp.err_msg);
42.     }
43.   };
45.   // 用户点开右上角popup菜单后，点击分享给好友，会执行下面这个代码
46.   Api.shareToFriend(wxData, wxCallbacks);
48.   // 点击分享到朋友圈，会执行下面这个代码
49.   Api.shareToTimeline(wxData, wxCallbacks);
51.   // 点击分享到腾讯微博，会执行下面这个代码
52.   Api.shareToWeibo(wxData, wxCallbacks);
54.   // iOS上，可以直接调用这个API进行分享，一句话搞定
55.   Api.generalShare(wxData,wxCallbacks);
56. });

可能有的朋友不知道appId从哪儿获取，请看这里：如何获取appId

2）、隐藏右上角option menu入口

JavaScript代码 

1. WeixinApi.ready(function(Api) {
2.   // 隐藏
3.   Api.hideOptionMenu();
5.   // 显示
6.   // Api.showOptionMenu();
7. });

3）、隐藏底部工具栏

JavaScript代码 

1. WeixinApi.ready(function(Api) {
2.   // 隐藏
3.   Api.hideToolbar();
5.   // 显示
6.   // Api.showToolbar();
7. });

4）、获取当前的网络类型

JavaScript代码 

1. WeixinApi.ready(function(Api) {
2.   Api.getNetworkType(function(network){
3.     /**
4.     * network取值：
5.     *
6.     * network_type:wifi  wifi网络
7.     * network_type:edge  非wifi,包含3G/2G
8.     * network_type:fail  网络断开连接
9.     * network_type:wwan  2g或者3g
10.     */
11.   });
12. });

5）、调起客户端图片播放组件

PHP代码 

1. WeixinApi.ready(function(Api) {
2.   // 需要播放的图片src list
3.   var srcList = [src1, src2, ..., srcN];
4.   // 选一个作为当前需要展示的图片src
5.   var curSrc = src1;
6.   // 调起
7.   Api.imagePreview(curSrc, srcList);
8. });

调起客户端图片播放组件，还有一种更屌的方法，不需要依赖这个WeixinApi，直接a标签实现就行，具体格式：

HTML代码 

1. <a href="weixin://viewimage/`YourImageURL`">AnyThing</a>

我们可以用A标签来嵌套这个img，具体Demo如下：

HTML代码 

1. <a href="weixin://viewimage/http://www.baidu.com/img/bdlogo.gif">
2.   <img src="http://www.baidu.com/img/bdlogo.gif">
3. </a>
4. <a href="weixin://viewimage/http://tb2.bdstatic.com/tb/static-common/img/search_logo_big_6a13b553.gif">
5.   <img src="http://tb2.bdstatic.com/tb/static-common/img/search_logo_big_6a13b553.gif">
6. </a>

6）、关掉当前微信公众页面窗口

JavaScript代码 

1. WeixinApi.ready(function(Api) {
2.   // 关闭窗口
3.   WeixinApi.closeWindow({
4.     success : function(resp){
5.     alert('关闭窗口成功！');
6.     },
7.     fail : function(resp){
8.     alert('关闭窗口失败');
9.     }
10.   });
11. });

7）、判断当前网页是否在微信内置浏览器中打开

JavaScript代码 

1. WeixinApi.ready(function(Api) {
2.   // true or false
3.   var flag = Api.openInWeixin();
4. });

8）、打开扫描二维码

JavaScript代码 

1. WeixinApi.ready(function(Api) {
2.   // 扫描二维码
3.   WeixinApi.scanQRCode({
4.     success : function(resp){
5.     alert('扫描器已打开！');
6.     },
7.     fail : function(resp){
8.     alert('扫描器无法打开');
9.     }
10.   });
11. });

9）、开启WeixinApi的错误监控

注意，这句代码务必放在WeixinApi.ready之前；上线的时候，根据实际需要，可删掉它

JavaScript代码 

1. // 方法1：不带任何参数，将以alert方式提示出错信息
2. WeixinApi.enableDebugMode();
4. // 方法2：给一个callback，自己处理错误信息
5. WeixinApi.enableDebugMode(function(errObj){
6.   // errObj = {
7.   //  message : errorMessage,
8.   //  script : scriptURI,
9.   //  line : lineNumber,
10.   //  column : columnNumber
11.   // }
12. });

// 当然，你还可以做一件事：把这些错误信息上报到服务器
3、其他

详细的使用场景，可以到这里获取： http://www.baidufe.com/item/f07a3be0b23b4c9606bb.html

注意：这只是发烧版本，非微信官方出品！有问题可大家一起来讨论，我很乐意与大家一起来完善这个API。