今天在公司给了我一个老项目,用jQuery开发的H5,需要将页面 右上角三个点 -> 转发给朋友、分享到朋友圈、复制链接、在默认浏览器中打开 等按钮去掉,说是想让用户都关注公众号,从公众号进入H5,如图所示:
需要改成这样
查了各种方式、问了好多朋友,终于在一个十年码龄的同事得到了答案
就是 这个方法 wx.hideOptionMenu() 整篇官方文档只提到了一次,连用法都没有,没关系,总比什么都不知道要好,
//引入微信的js文件
<script src="http://res.wx.qq.com/open/js/jweixin-1.6.0.js" type="text/javascript"></script>
//写逻辑
<script>
$(function () {
var url = location.href.split('#')[0]
$.post("http://admin/****/***/invites", {
link: url,
},function (res) {
var share = res.data;
if(res){
wx.config({
debug: true,//是否打开调试模式
appId: share.appid,
timestamp: share.timestamp,
nonceStr: share.nonceStr,
signature: share.signature + '',
jsApiList: ['hideOptionMenu'], // 功能列表,我们要使用JS-SDK的什么功能
});
wx.ready(function(){
// config信息验证后会执行ready方法,所有接口调用都必须在config接口获得结果之后,config是一个客户端的异步操作,所以如果需要在页面加载时就调用相关接口,则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口,则可以直接调用,不需要放在ready函数中。
wx.hideOptionMenu()
});
wx.error(function(res){
// config信息验证失败会执行error函数,如签名过期导致验证失败,具体错误信息可以打开config的debug模式查看,也可以在返回的res参数中查看,对于SPA可以在这里更新签名。
});
}
})
})
</script>
不知道什么原因,打开调试模式, 代码运行到开发者工具, 报这个
开发工具的分享按钮还是存在,但是将代码上传到线上,分享按钮不显示了,不知道什么原因。。
最后推荐一个网址,里面有一些示例,可以看一下企业微信JS-SDK Demohttps://open.work.weixin.qq.com/api/jsapidemo