微信官方jsapi提供了界面操作接口,用来控制微信网页右上角的菜单,下面看看微信官方文档关于界面操作接口的说明。
隐藏右上角菜单接口
wx.hideOptionMenu();
显示右上角菜单接口
wx.showOptionMenu();
关闭当前网页窗口接口
wx.closeWindow();
批量隐藏功能按钮接口
wx.hideMenuItems({menuList:[]//要隐藏的菜单项,只能隐藏“传播类”和“保护类”按钮,所有menu项见附录3});
批量显示功能按钮接口
wx.showMenuItems({menuList:[]//要显示的菜单项,所有menu项见附录3});
隐藏所有非基础按钮接口
wx.hideAllNonBaseMenuItem();//“基本类”按钮详见附录3
显示所有功能按钮接口
wx.showAllNonBaseMenuItem();
实现代码步骤
第一、jsp界面引入js库
第二、<body></body>之间的html代码
第三、<script></script>之间初始化微信jsapi库添加
第四、调用第二步button按钮的功能js代码,在wx.ready中添加
这些js方法注释已经写的很明白,每个方法对应一个button按钮功能
第五、完整的jsp页面代码,读者可直接复制运行
上述jsp代码中有四个参数,这四个参数是成功调用微信jsapi的凭证,分别为appId(必填,公众号的唯一标识),timestamp(必填,生成签名的时间戳), nonceStr(必填,生成签名的随机串) ,signature(必填,签名),关于如何生成这四个参数,如果不知道的读者,请查看本页面左上角的菜单,里面有详细介绍,在这里不在累述。
第六、上述代码运行后,效果如下
打开微信进入界面,功能已表示为红色
点击隐藏右上角菜单,效果如下
点击显示右上角菜单按钮,效果如下,仔细看此时还有复制链接,分享到朋友圈等功能
点击批量隐藏功能按钮,我们会发现,右上角的分享到朋友圈、复制链接已经没有了,效果图如下
此文章本站原创,地址/119.html转载请注明出处!谢谢!