Hide Share Menu for H5 Page

Scenario Description

How to hide the share and forward menu in H5 applications published in WeDa

Implementation Steps

Partial Hiding

1. Create a new JavaScript method in the page where you need to hide the share menu

2. The js code is as follows:

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. Call the above js method in the page load event

Global Hiding

1. Go to the code editor from the editor

2. Add the following code in the global lifecycle

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

Effect Preview

As shown, in the page's more menu, operations such as sharing, forwarding, and copying links cannot be initiated.