跳到主要内容

H5 页面隐藏分享菜单

场景描述​

微搭中发布的 H5 应用如何隐藏分享、转发菜单

实现步骤​

局部隐藏​

  1. 在需要隐藏分享菜单的页面中新建 js 方法

  2. js 代码如下： 

export default function ({ event, data }) {
  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();
  }
}

function onBridgeReady() {
  WeixinJSBridge.call("hideOptionMenu");
}
  1. 页面加载事件中调用上述 js 方法

全局隐藏​

  1. 从编辑器中进入代码编辑器

  1. 在全局生命周期中加入以下代码

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();
}

效果预览​

可以看到在页面更多菜单中，无法发起分享、转发及复制链接等操作