vue项目H5在微信环境下禁用分享功能

秒速五厘米 2022-12-14 15:56 9阅读 0赞

微信环境下禁用分享的代码如下

if(isWeixin()){ // 微信环境下禁用分享
          document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
            // 通过下面这个API隐藏右上角按钮
            WeixinJSBridge.call('hideOptionMenu');
          });
        }

utils中添加判断是否是微信环境

export function isWeixin() {
            var ua = navigator.userAgent.toLowerCase();
            if (ua.match(/MicroMessenger/i) == "micromessenger") {
                return true;
            } else {
                return false;
            }
        };

禁用分享前，点击右上角的 三个点 如下图弹框  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk5NDczMQ_size_16_color_FFFFFF_t_70_pic_center]

禁用微信分享后，点击右上角的三个点 如下图所示

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk5NDczMQ_size_16_color_FFFFFF_t_70_pic_center 1]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk5NDczMQ_size_16_color_FFFFFF_t_70_pic_center]: /images/20221123/14a7e2c43f1e4b17abbe53100992b66e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk5NDczMQ_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20221123/efbe6a05aef14e6681d3142ce99cdf0c.png

发表评论取消回复

表情：

评论列表（有 0 条评论，9人围观）

还没有评论，来说两句吧...

相关阅读

相关 ios端vue项目禁用微信分享跳转项目后返回禁用失效问题解决

ios端vue项目禁用微信分享跳转项目后返回禁用失效问题解决问题：首次在微信端打开项目时，禁用微信分享成功，由于业务需要，会跳转到其他项目，从其他项目再跳回项目会禁用微信

约定不等于承诺〃/ 2022年12月15日 03:59/ 0 赞/ 186 阅读

相关 vue项目H5在微信环境下禁用分享功能

微信环境下禁用分享的代码如下 if(isWeixin()){ // 微信环境下禁用分享 document.addEventListener('We

秒速五厘米/ 2022年12月14日 15:56/ 0 赞/ 10 阅读

相关 vue-h5项目调用微信的相机相册功能

vue-h5项目调用微信的相机相册功能微信的官网网址为:https://developers.weixin.qq.com/doc/offiaccount/OA\_Web\_

红太狼/ 2022年12月08日 04:21/ 0 赞/ 696 阅读

相关设置html网页只能在微信中打开，并禁用分享功能

设置html网页只能在微信中打开，并禁用分享功能 (function () { / begin禁用微信分享功能 / function onBri

左手的ㄟ右手/ 2022年11月06日 11:59/ 0 赞/ 244 阅读

相关 uniapp h5微信分享

安装微信sdk npm install jweixin-module --save var jweixin = require('jweixin-modul

落日映苍穹つ/ 2022年09月11日 11:19/ 0 赞/ 292 阅读

相关微信h5页面分享实现

官方适配问题反馈地址发送邮件到 wx\_wkwebview@qq.com 。请提供详细问题说明，强烈建议附上问题页面的链接，并告知如何复现你们的问题。 js需求

小灰灰/ 2022年05月27日 09:10/ 0 赞/ 266 阅读

相关 vue微信公众号、H5微信支付

1.H5微信支付后台会返回一个URL，前端直接跳转就OK(需要你传给后台一个ip,必须保证在同一域名下) 使用window.location.href =res.data

我会带着你远行/ 2021年11月26日 22:44/ 0 赞/ 663 阅读

相关【uniapp】实现H5微信分享

效果图 ![20190809101658836.png][] 下面是微信文档介绍后台开发参考官方文档：[https://mp.weixin.qq.com/wi

缺乏、安全感/ 2021年11月05日 20:04/ 0 赞/ 1120 阅读

相关 h5+微信分享

// 页面初始化预处理 var shares = null; var sweixin = null; var buttons = [{

女爷i/ 2021年09月17日 15:36/ 0 赞/ 502 阅读

相关微信H5页面ios分享失效

最近开发一个微信H5页面，需要添加分享。 ios分享出去就描述变链接，缩略图也变连接，但android一切正常。在Android上面微信分享一切正常，但是在iOS上

水深无声/ 2021年09月16日 07:36/ 0 赞/ 786 阅读