React Js 微信禁止复制链接分享禁止隐藏右上角菜单功能
废话不多说了，直接给大家贴代码了，具体代码如下所示：
/**
*Createdbywuyakunon2017/5/23.
*/letwxUtils={};
/**
*是否开启右上角Menu
*@paramopen
*/
wxUtils.optionMenu=function(open=true){
if(open){
openOptionMenu();
}else{
disabledOptionMenu();
}
};
/**
*是否禁用右上角
*/
functiondisabledOptionMenu(){
if(typeofWeixinJSBridge==="undefined"){
if(document.addEventListener){
document.addEventListener('WeixinJSBridgeReady',onBridgeReady(true),false);
}elseif(document.attachEvent){
document.attachEvent('WeixinJSBridgeReady',onBridgeReady(true));
document.attachEvent('onWeixinJSBridgeReady',onBridgeReady(true));
}
}else{
onBridgeReady(true);
}
}
/**
*开启menu
*/
functionopenOptionMenu(){
if(typeofWeixinJSBridge==="undefined"){
if(document.addEventListener){
document.addEventListener('WeixinJSBridgeReady',onBridgeReady(false),false);
}elseif(document.attachEvent){
document.attachEvent('WeixinJSBridgeReady',onBridgeReady(false));
document.attachEvent('onWeixinJSBridgeReady',onBridgeReady(false));
}
}else{
onBridgeReady(false);
}
}
functiononBridgeReady(disable=true){
if(typeofWeixinJSBridge!=="undefined")WeixinJSBridge.call(disable?'hideOptionMenu':'showOptionMenu');
}
/**
*隐藏微信网页底部的导航栏
*@paramdisable
*/
wxUtils.disabledToolbar=function(disable=true){
document.addEventListener('WeixinJSBridgeReady',functiononBridgeReady(){
//通过下面这个API隐藏底部导航栏
WeixinJSBridge.call(disable?'hideToolbar':'showToolbar');
});
};
/**
*获取网络类型
*/
wxUtils.getNetworkType=function(){
//network_type:wifiwifi网络2network_type:edge非wifi,包含3G/2G3network_type:fail网络断开连接4network_type:wwan2g或者3g
WeixinJSBridge.invoke('getNetworkType',{},function(e){
//在这里拿到e.err_msg，这里面就包含了所有的网络类型
returne;
});
};
exportdefaultwxUtils;
用法很简单：
exportdefaultclassBaseComponentextendsReact.Component{
componentDidMount(){
try{
//如果存在location说明是路由Component
if(this.props.location){
//全部禁用分享，想要分享自己开
wxUtils.optionMenu(false);
}
}catch(e){
//console.log(e);
}
}
}
我写在了Base里面，主要是wxUtils.optionMenu(false);这一句