关于微信的禁用右上角

llllpzyy 2021-08-29 原文


关于微信的禁用右上角

查到一篇文章:http://www.2cto.com/weixin/201511/451592.html

<!--禁用微信分享按钮-->
    <script>
        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();
        }
    </script>

简略的摘记

WeixinJSBridge API:这个API在以前公布的部分接口被官方和谐掉很久了, 比如一键关注、分享给好友、分享到朋友圈等。当然,你可能会发现微信官方推送的一些文章还能使用这些功能,粗略估计,官方是对这个API增加了白名单控制,判断Referer,如果是微信官方的地址、或者是有合作的商家地址,则允许调用,否则,返回“access denied”!官方和谐掉这个API其实也是说得过去的,因为在整个WebView的右上角,官方做了一个Navtive的按钮,点开以后,包括分享给好友、分享到朋友圈这样的功能都有,所以,官方也是在做一些引导。

当然,WeixinJSBridge这个API也并不是所有功能都被和谐掉了,相反,有好几个功能还是相当有用的,可以正常使用,比如:

1、隐藏微信网页右上角的按钮(…按钮):开发者可以用这个功能来禁止当前页面被分享

2、隐藏微信网页底部的导航栏(比如前进后退和刷新):这个导航栏会占用一定的区域,开发者可以认为用户不会用到它,将其隐藏掉

3、在微信网页中获取用户的网络状态:开发者可以利用这个API获得用户的网络状态,并提供不同的服务,比如视频类,在wifi下提供高清视频流,在2g网络下提供普通清晰视频流等等

下面分别通过简单的几行代码,说明这几个API的用法:

1、隐藏微信网页右上角的按钮

document.addEventListener(\'WeixinJSBridgeReady\', function onBridgeReady() {
    // 通过下面这个API隐藏右上角按钮
    WeixinJSBridge.call(\'hideOptionMenu\');
});
            
document.addEventListener(\'WeixinJSBridgeReady\', function onBridgeReady() {
    // 通过下面这个API显示右上角按钮
    WeixinJSBridge.call(\'showOptionMenu\');
});

2、隐藏微信网页底部的导航栏

document.addEventListener(\'WeixinJSBridgeReady\', function onBridgeReady() {
    // 通过下面这个API隐藏底部导航栏
    WeixinJSBridge.call(\'hideToolbar\');
});
           
document.addEventListener(\'WeixinJSBridgeReady\', function onBridgeReady() {
    // 通过下面这个API显示底部导航栏
    WeixinJSBridge.call(\'showToolbar\');
});

3、在微信网页中获取用户的网络状态

WeixinJSBridge.invoke(\'getNetworkType\',{},function(e){
    // 在这里拿到e.err_msg,这里面就包含了所有的网络类型
    alert(e.err_msg);
 });

e.err_msg的取值如下所示:

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

可以戳这个链接测试一下:http://www.baidufe.com/demo/wxjsapi2.html

发表于
2017-06-13 15:09 
大象哥哥哥 
阅读(475
评论(0
编辑 
收藏 
举报

 

版权声明:本文为llllpzyy原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/llllpzyy/p/7001347.html

关于微信的禁用右上角的更多相关文章

随机推荐

  1. input 清空值。(转载)

    ref顾名思义我们知道,其实它就可以被看座是一个组件的参考,也可以说是一个标识。作为组件的属性,其属性值可以是 […]...

  2. oracle 数据库 NUMBER类型细讲

    1>.NUMBER类型细讲:Oracle number datatype 语法:NUMBER[(prec […]...

  3. Z算法

    Z算法 Z算法是一种用于字符串匹配的算法。此算法的核心在于\(z\)数组以及它的求法。 (以下约定字符串下标从 […]...

  4. 线性基汇总

    线性基 定义: ​ 在 mod 2的意义下,有n个长度为m的向量,这n个向量的线性基为其所组成的线性空间V的基 […]...

  5. 奇虎360诉腾讯QQ垄断案之我见(3Q大战之我见)

    这两款软件我都在用,要说时间最长感情最深的应该是腾讯QQ,1999年诞生的那年就在用QQ了! 不过感情归感情, […]...

  6. mysql常见数据类型

    1 #常见的数据类型 2 /* 3 数值型: 4 整型 5 小数: 6 定点数 7 浮点数 8 字符型: 9 […]...

  7. L。M。W。Y。D《实验十 团队作业6:团队项目用户验收&BETA冲刺》

    项目 内容 课程班级博客链接 https://edu.cnblogs.com/campus/xbsf/nwnu […]...

  8. MySQL-下载-安装-配置-多版本共存-设置密码-破解密码-01

    目录 MySQL下载安装与配置 官网下载(后面有镜像仓库下载) 从开源镜像仓库下载(快) 开源镜像仓库站点 M […]...

展开目录

目录导航