微信前端之在微信浏览器内禁用网页分享菜单的解决方案
AI 摘要
文章给出在微信浏览器内禁用分享菜单的完整方案：引入 jweixin-1.3.2.js，监听 WeixinJSBridgeReady 后调用 hideOptionMenu；若需局部恢复，可在对应页面再调用 showOptionMenu，兼顾 iOS 全局影响。
这是一个神奇的需求，因为有些页面不希望在微信客户端内被分享，所以要把分享菜单给禁用掉......
微信官方提供了微信 JSSDK，通过它可以调用微信浏览器中的各种功能，包括隐藏分享菜单。
引入 jweixin-1.3.2 的 js 文件：
<script type="text/javascript" src="//res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>页面加载禁用分享菜单：
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();
}ios 端可能会把所有的页面都禁用，因此要在需要显示分享菜单的页面加上以下代码：
document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
WeixinJSBridge.call('showOptionMenu');
});搞定。
如无特殊说明，网站中的系列文章均为作者「@多仔」原创编辑，版权归作者「@多仔」所有，资源引用部分已注明来源，AIGC 创作部分已注明标识，拒绝未经授权的任何个人或组织以任何形式转载、复制、修改、发布或用于商业目的。
文章中可能会存在些许错别字内容描述不完整、表述不准确、排版布局异常等问题，文章中提及的软件、依赖、框架等程序可能随其版本更新迭代而产生变化，文章中的相关代码片段、例图、文本等内容仅供参考。
如若转载，请注明出处：https://www.duox.dev/post/61.html
文章中可能会存在些许错别字内容描述不完整、表述不准确、排版布局异常等问题，文章中提及的软件、依赖、框架等程序可能随其版本更新迭代而产生变化，文章中的相关代码片段、例图、文本等内容仅供参考。
如若转载，请注明出处：https://www.duox.dev/post/61.html