Skip to main content

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");
}
  1. Call the above js method in the page load event

Global Hiding​

  1. Go to the code editor from the editor

  1. 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.