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

3. 页面加载事件中调用上述 js 方法

全局隐藏

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

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

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

效果预览

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