当前位置: 首页 > 编程笔记 >

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

姜卜霸
2023-03-14
本文向大家介绍React Js 微信禁止复制链接分享禁止隐藏右上角菜单功能,包括了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);这一句

 类似资料:
  • 本文向大家介绍微信小程序实现禁止分享代码实例,包括了微信小程序实现禁止分享代码实例的使用技巧和注意事项,需要的朋友参考一下 这篇文章主要介绍了微信小程序实现禁止分享代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 微信禁止分享 添加以下代码到网页中即可 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。

  • 本文向大家介绍JS实现禁止鼠标右键的功能,包括了JS实现禁止鼠标右键的功能的使用技巧和注意事项,需要的朋友参考一下 遇到网页上有精美图片或者精彩文字想保存时,通常大家都是选中目标后按鼠标右键,在弹出菜单中选择“图片另存为”或“复制”来达到我们的目的。但是,目前有许多网页都屏蔽了鼠标右键,那么用js如何实现禁止鼠标右键的功能呢? 1.与禁止鼠标右键相关的JS说明 2.禁止鼠标右键火狐失灵 3.禁止选

  • 问题内容: 任何人都可以对如何做到这一点有所了解吗? 问题答案: 以下网站同时禁用了右键单击和查看源代码。 他们骗了你。只需在视图源中向下滚动即可。 此外,采用这样的策略会将您标记为不专业。不要这样

  • 问题内容: 我需要针对其产生太多输出到一对夫妇共享库链接到我的C 程序 ,并 使得它们既没有用我的用途。我可以访问这些库的C 源代码,但无法对其进行修改。 当与我的代码链接时,是否可以将其输出重定向到其他流或取消显示?我希望使用C ++的简洁方式,但是由于担心那是不可能的,我也会对肮脏的链接程序黑客感到满意。作为最后的手段,“代理”也可以。 我使用的是GNU工具链(工作,,Linux下)。 问题答

  • 可能重复: 强制屏幕打开 我需要在我的应用程序运行时阻止设备的保存能力。如果屏幕关闭没问题(我的应用程序是音频应用程序)。我阅读了有关电源管理器的信息,并发现了这一点(保持屏幕打开)。如何禁止在应用运行时为设备省电?

  • 本文向大家介绍利用js实现禁止复制文本信息,包括了利用js实现禁止复制文本信息的使用技巧和注意事项,需要的朋友参考一下 做SEO的都知道,发原创文章对自己网站的优化是非常好的,特别是在搜文章标题的时候,原创的一般排名第一。但是优化是给搜索引擎看的。而在互联网有个很头痛的问题,一篇文章对搜索引擎来说到底谁是原创。这个是不一定的。举个简单例子:比如你在博客(当然假设你博客每日访问量很低,每天就几百人的