去掉微信浏览器的发送给好友、分享到朋友圈、复制链接按钮,微信公众号开发

今天在公司给了我一个老项目,用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 Demoicon-default.png?t=N7T8https://open.work.weixin.qq.com/api/jsapidemo

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值