这篇文章主要介绍了React Js 微信禁止复制链接,分享,禁止隐藏右上角菜单的解决代码,需要的朋友可以参考下

废话不多说了,直接给大家贴代码了,具体代码如下所示:/**

* Created by wuyakun on 2017/5/23.

*/let wxUtils = {};

/**

* 是否开启右上角Menu

* @param open

*/

wxUtils.optionMenu = function (open = true) {

if (open) {

openOptionMenu();

} else {

disabledOptionMenu();

}

};

/**

* 是否禁用右上角

*/

function disabledOptionMenu() {

if (typeof WeixinJSBridge === "undefined") {

if (document.addEventListener) {

document.addEventListener('WeixinJSBridgeReady', onBridgeReady(true), false);

} else if (document.attachEvent) {

document.attachEvent('WeixinJSBridgeReady', onBridgeReady(true));

document.attachEvent('onWeixinJSBridgeReady', onBridgeReady(true));

}

} else {

onBridgeReady(true);

}

}

/**

* 开启menu

*/

function openOptionMenu() {

if (typeof WeixinJSBridge === "undefined") {

if (document.addEventListener) {

document.addEventListener('WeixinJSBridgeReady', onBridgeReady(false), false);

} else if (document.attachEvent) {

document.attachEvent('WeixinJSBridgeReady', onBridgeReady(false));

document.attachEvent('onWeixinJSBridgeReady', onBridgeReady(false));

}

} else {

onBridgeReady(false);

}

}

function onBridgeReady(disable = true) {

if (typeof WeixinJSBridge !== "undefined") WeixinJSBridge.call(disable ? 'hideOptionMenu' : 'showOptionMenu');

}

/**

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

* @param disable

*/

wxUtils.disabledToolbar = function (disable = true) {

document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {

// 通过下面这个API隐藏底部导航栏

WeixinJSBridge.call(disable ? 'hideToolbar' : 'showToolbar');

});

};

/**

* 获取网络类型

*/

wxUtils.getNetworkType = function () {

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

WeixinJSBridge.invoke('getNetworkType', {}, function (e) {

// 在这里拿到e.err_msg,这里面就包含了所有的网络类型

return e;

});

};

export default wxUtils;

用法很简单:export default class BaseComponent extends React.Component {

componentDidMount() {

try {

//如果存在location说明是路由Component

if (this.props.location) {

// 全部禁用分享,想要分享自己开

wxUtils.optionMenu(false);

}

} catch (e) {

// console.log(e);

}

}

}

我写在了Base里面,主要是wxUtils.optionMenu(false);这一句

php 屏蔽微信分享,详解React Js中微信禁止复制链接分享禁止隐藏右上角菜单功能的案例分析...相关推荐

  1. vue样式 引入图片_详解Vue.js中引入图片路径的几种方式

    vue --version 3.6.3 记录总结一下的Vue中引入图片路径的几种书写方式 vue中静态资源的引入机制 Vue.js关于静态资源的官方文档 静态资源可以通过两种方式进行处理: 在 Jav ...

  2. java 微信隐藏右上角_React Js 微信禁止复制链接分享禁止隐藏右上角菜单功能

    废话不多说了,直接给大家贴代码了,具体代码如下所示: /** * Created by wuyakun on 2017/5/23. */let wxUtils = {}; /** * 是否开启右上角M ...

  3. Python实现发送警告通知到企业微信方法详解

    常见的报警方式有:邮件,电话,短信,微信.本文将介绍如何利用Python发送警告通知到企业微信,文中的示例代码有一定的参考价值,感兴趣的可以了解一下.编程资料点击免费领取 目录 1. 新建应用 2. ...

  4. vue 加载页面时触发时间_详解Vue.js在页面加载时执行某个方法

    详解Vue.js在页面加载时执行某个方法 jQuery中可以这样写 vue中,如果要达到相同效果,可以使用vue的生命周期函数,如create或者mounted 附上vue.js的生命周期函数执行流程 ...

  5. 微信公众号 开发详解01【目的、起名、准备工作、注册流程、后台功能】

    [微信公众号--零基础全面系统教学] [P01-P07]微信公众号 开发详解01[目的.起名.准备工作.注册流程.后台功能] [P08-P12]微信公众号 开发详解02[自动回复.发布文章.自定义菜单 ...

  6. js定义全局变量 vue页面_详解Vue.js 定义全局变量的几种实现方式

    详解Vue.js 定义全局变量的几种实现方式 发布于 2020-8-11| 复制链接 本篇文章主要介绍了VUE 全局变量的几种实现方式,小妖觉得挺不错的,现在分享给大家,也给大家做个参考.一起跟随小妖 ...

  7. umeng(友盟)实现第三方登录和分享详解之登录详解

    一.简单介绍 因为一个平台一个平台进行弄太麻烦,也不够统一,所以领导选择了umeng(我的内心是拒绝的),umeng的文档写的便于查找,但是比较分散,对于比较熟悉的很好用,没接触过umeng的肯定一脸 ...

  8. 回退监听android,详解React Native监听Android回退按键与程序化退出应用

    详解React Native监听Android回退按键与程序化退出应用 前言 我们知道Android回退按键,会控制页面返回, 并且退出应用并非真正意义退出,仍在后台运行,所以在某些场景下需要监控an ...

  9. Android 应用程序之间内容分享详解(二)

    转载请注明出处:http://blog.csdn.net/xiaanming/article/details/9428613 Android 应用程序之间内容分享详解(一) 之前给大家分享了你开发的应 ...

  10. php滚动窗口多条动态,详解原生JS是实现控制多个滚动条同步跟随滚动

    本文主要和大家详解详解原生JS是实现控制多个滚动条同步跟随滚动,当这两个容器元素的内容都超出了容器高度,即都出现了滚动框的时候,如何在其中一个容器元素滚动时,让另外一个元素也随之滚动. 在一些支持用 ...

最新文章

  1. Java注释@interface的用法
  2. EXCEL2013保存时提示Be careful!Parts of your document may include personal information...
  3. RabbitMQ Node.js 示例
  4. NK.bin和NK.nb0学习
  5. c# SerialPort会出现“已关闭 Safe handle”的错误
  6. Oracle数据库配置监听的作用
  7. 【Python 必会技巧】使用 zip() 函数对序列进行压缩和解压操作
  8. spring cloud构建互联网分布式微服务云平台-消息总线
  9. phpcms根据二级栏目列表写的三级栏目列表
  10. kotlin泛型_Kotlin泛型
  11. 考研数学备考思路和计划制定
  12. 使用python Gstreamer编写mp4视频播放器
  13. 算法学习之投票算法以及对应leetcode题目
  14. 基于VGGFace2的人脸性别年龄检测系统(源码&教程)
  15. Entrust Datacard将从泰雷兹手中收购市场领先的通用硬件安全模块业务
  16. 5.3 10篇美食类小红书爆文拆解【玩赚小红书】
  17. u盘linux 修复grub,CentOS修复Grub
  18. 计算机操作系统与嵌入式操作系统的区别,嵌入式操作系统与通用计算机操作系统的区别...
  19. 阿里云视频点播微服务
  20. Thiol-PEG-SH,巯基聚乙二醇巯基,Thiol-PEG-Thiol

热门文章

  1. SQlite数据库的C编程接口(二) 数据库连接 ——《Using SQlite》读书笔记
  2. Linux内核中的atoi,itoa等函数
  3. 全国30m精度二级分类土地利用数据
  4. 【分层图最短路】通信线路
  5. hdu1243----最长公共子序列
  6. 透明flash代码_Animate/FLASH如何制作纵深前进的动画
  7. python3.5 pip升级_ubuntu下 python3.5 pip3的安装 升级与卸载
  8. android消息发送字符串,Android aSmack-如何对文件发送进行自定义消息...
  9. mysql 完整性的概念_MySQL中一些深入概念整理
  10. 后缀的形容词_巧记形容词后缀 第二弹