主要是微信的WeixinJSBridge内置接口的调用,文档比较少,记录备忘~
微信内置浏览器中使用此方法,不用另引入微信sdk等js文件。

一、关闭当前页面自动回到微信会话窗口

自动关闭的内置函数

1
WeixinJSBridge.call('closeWindow');

使用方法一:

直接在js方法内使用,当调用完成后,alert()弹出说明后,直接调用,关闭当前页面。

使用方法二:

直接写在元素的点击事件上,点击时调用。示例说明,可以直接通过<a>标签来写。

1
<a href="javascript:WeixinJSBridge.call('closeWindow');">确定</a>

使用方法三:

封装为方法函数,然后进行调用
主要HTML代码如下:

1
<a href="javascript:void(0)" id="closeWindow">关闭当前webview窗口,权位:closeWindow</a>

主要JavaScript代码如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
var readyFunc = function onBridgeReady() {
var curid;
var curAudioId;
var playStatus = 0;

// 关闭当前webview窗口 - closeWindow
document.querySelector('#closeWindow').addEventListener('click', function(e){
WeixinJSBridge.invoke('closeWindow',{
},function(res){
//alert(res.err_msg);
});
});
}

if (typeof WeixinJSBridge === "undefined") {
document.addEventListener('WeixinJSBridgeReady', readyFunc, false);
} else {
readyFunc();
}

二、微信内隐藏右上角分享按钮

有的页面不需要通过分享链接进入,或者通过链接访问时会造成获取用户信息不完善(比如我们需要用户先关注公众号,通过菜单进入站内),我们就需要隐藏微信浏览器自带的分享按钮。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
function onBridgeReady() {
WeixinJSBridge.call('hideOptionMenu');
}

if (typeof WeixinJSBridge == "undefined") {
if (document.addEventListener) {
document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false);
} else if (document.attachEvent) {
document.attachEvent('WeixinJSBridgeReady', onBridgeReady);
document.attachEvent('onWeixinJSBridgeReady', onBridgeReady);
}
} else {
onBridgeReady();
}

写在最后

微信开发内置浏览器JS自动关闭当前页面回到微信对话窗口
微信第三方网页关闭当前页面回到微信对话窗口
企业微信-WeixinJS接口
微信禁用右上角的分享按钮,WeixinJSBridge API以及隐藏分享的子按钮等菜单项