微信开发隐藏网页右上角按钮与底部导航栏

标签: 微信开发
12人阅读 评论(0) 收藏 举报
分类:

Weixin JS接口

Weixin JS接口是微信为你的H5应用提供开放原生能力的接口,你的应用可以利用这些接口使用更多的微信原生能力和微信的操控能力, 以使得你的应用有更强大的智能,更好的用户体验。


除了以下章节所描述的各类接口。拍照、上传图片、扫码、微信支付、地理位置上报等更多的接口已经或正在抓紧开放中,更多信息也请参考微信相关网站了解.


隐藏微信中网页右上角按钮

企业号在有需要时(如不需要用户分享某个页面),可在网页中通过JavaScript代码隐藏网页右上角按钮。

生成缩略图出错:无法找到文件
  • 接口调用代码(JavaScript)
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();
}
  • 返回说明

隐藏底部导航栏没有返回值。(需要显示请把hideOptionMenu换成showOptionMenu) 



隐藏微信中网页底部导航栏

企业号在有需要时(如认为用户在该页面不会用到浏览器前进后退功能),可在网页中通过JavaScript代码隐藏网页底部导航栏。

底部导航栏.png

  • 接口调用代码(JavaScript)
function onBridgeReady(){
   WeixinJSBridge.call('hideToolbar');
}

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();
}
  • 返回说明

隐藏底部导航栏没有返回值。(需要显示顶部导航栏,请把hideToolbar换成showToolbar) 



网页获取用户网络状态

为了方便开发者根据用户的网络状态来提供不同质量的服务,企业号可以在企业号内部的网页中使用JavaScript代码调用来获取网络状态。

  • 接口调用代码(JavaScript)
function onBridgeReady(){
 WeixinJSBridge.invoke('getNetworkType',{},
 		function(e){
 	    	WeixinJSBridge.log(e.err_msg);
 	    });
}

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();
}
  • 返回说明

获取用户网络状态的返回值如下:

network_type:wifi wifi网络
network_type:edge 非wifi,包含3G/2G
network_type:fail 网络断开连接
network_type:wwan(2g或者3g)



关闭当前网页窗口

在微信内置浏览器中被访问的网页,可使用该JavaScript代码关闭当前网页。

主要使用场景: 微信用户在企业号会话中点击外链到达企业号的网页,在用户完成操作后,企业号(网页方)可调用此接口关闭当前网页窗口,使用户返回会话。

  • 接口调用代码(JavaScript)
WeixinJSBridge.invoke('closeWindow',{},function(res){

    //alert(res.err_msg);

});
  • 返回说明
返回值说明
err_msg关闭成功返回“close_window:ok”,关闭失败返回“close_window:error”。
  • 示例演示

在微信中访问此链接:关闭当前网页窗口演示接口 

查看评论

谁能撼动微软

谁能撼动微软 蓝森林 http://www.lslnet.com 2000年3月23日 10:03作 者: Siva此文为酒醉之言,可当戏言尔 Microsoft 有很多人喜欢这样写M$,足见微软在人...
  • Virtual
  • Virtual
  • 2001-01-12 11:51:00
  • 1005

微信WeixinJSBridge API(屏蔽右上角按钮等)

1、隐藏微信网页右上角的按钮(…按钮):开发者可以用这个功能来禁止当前页面被分享2、隐藏微信网页底部的导航栏(比如前进后退和刷新):这个导航栏会占用一定的区域,开发者可以认为用户不会用到它,将其隐藏掉...
  • qq_33894301
  • qq_33894301
  • 2017-02-10 18:02:44
  • 3619

微信公众平台jsapi开发教程(8)显示隐藏网页右上角菜单

文章来源 http://www.vxzsk.com/119.html 微信官方jsapi提供了界面操作接口,用来控制微信网页右上角的菜单,下面看看微信官方文档关于界面操作接口的说明。 隐藏...
  • linfanhehe
  • linfanhehe
  • 2017-02-23 17:30:17
  • 3378

Study JavaScript《隐藏微信中网页右上角按钮》

公众号在有需要时(如不需要用户分享某个页面),可在网页中通过JavaScript代码隐藏网页右上角按钮。 接口调用代码(JavaScript) function onBridgeReady...
  • jiangdragon
  • jiangdragon
  • 2016-10-20 09:43:46
  • 678

微信开发 Weixin JS接口 隐藏微信中网页右上角按钮

公众号在有需要时(如不需要用户分享某个页面),可在网页中通过JavaScript代码隐藏网页右上角按钮。 接口调用代码(JavaScript) document.addEven...
  • lixiaobai
  • lixiaobai
  • 2014-04-21 19:09:09
  • 5683

隐藏_显示微信右上角三点按钮功能的js

  • 2017年10月11日 10:06
  • 5KB
  • 下载

微信公众平台显示隐藏网页右上角菜单(第九课)

微信官方jsapi提供了界面操作接口,用来控制微信网页右上角的菜单,下面看看微信官方文档关于界面操作接口的说明。 隐藏右上角菜单接口 wx.hideOptionMenu(); 显示右上角...
  • dragonpeng2008
  • dragonpeng2008
  • 2016-11-11 16:26:14
  • 10486

微信禁用右上角的分享按钮,WeixinJSBridge API以及隐藏分享的子按钮等菜单项

之前写了一篇关于这个WeixinJSBridge API的文章,文章地址 ,于是有很多网友都在过来咨询这个API的使用,在这里有必要跟大家再说一下:这个API在以前公布的部分接口被官方和谐掉很久 了,...
  • yulei2008_
  • yulei2008_
  • 2016-12-20 10:14:21
  • 1698

微信开发1:自定义按钮

这段时间正好做了个有关微信开发的项目,磕磕碰碰,终于完成了,下面将以博文的形式,对其中涉及到的技术进行总结 目录说明 1:自定义按钮:涉及微信基础接口使用 2:oauth2网页授权 3:网...
  • hdhexuhong
  • hdhexuhong
  • 2016-05-01 19:35:58
  • 305

屏蔽微信消息右上角的分享到朋友圈按钮

function onBridgeReady(){  WeixinJSBridge.call('hideOptionMenu'); } if (typeof WeixinJSBridge =...
  • maguanghui_2012
  • maguanghui_2012
  • 2016-10-08 15:15:38
  • 1518
    个人资料
    持之以恒
    等级:
    访问量: 10万+
    积分: 1475
    排名: 3万+
    最新评论