H5页面在微信中禁止分享

最新推荐文章于 2024-05-22 15:17:26 发布
最新推荐文章于 2024-05-22 15:17:26 发布
阅读量221 收藏
点赞数
文章标签： javascript 微信
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/daocaobushicao/article/details/121417594
版权

function onBridgeReady() {

         WeixinJSBridge.call('hideOptionMenu');

}

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

                }

  }

daocaobushicao
关注
H5页面禁用微信浏览器下拉
12-07
H5页面禁用微信浏览器下拉,使其下拉不会出现黑色来源显示，在JS文件中定义此方法即可。
微信网页开发 关闭Option
chuzhuang3524的博客
11-21 188
functiononBridgeReady(){ WeixinJSBridge.call('hideOptionMenu'); } if(typeofWeixinJSBridge=="undefined"){ ...
uni-app 微信公众号（H5）自定义分享，禁止分享
Amen的博客
03-23 6879
先放一个官方文档的链接 https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html#48 上代码： 禁止分享： async hideShare() { let locationHref = {url: window.location.href}; let info = await r...
微信H5页面禁止分享给好友和朋友圈及屏蔽微信复制链接功能
細水、長流√的专栏
09-07 3281
分享到Weibo："menuItem:share:weiboApp"发送给朋友："menuItem:share:appMessage"分享到朋友圈："menuItem:share:timeline"分享到FB："menuItem:share:facebook"分享到QQ空间："menuItem:share:QZone"一些特殊公众号："menuItem:share:brand"分享到QQ： "menuItem:share:qq"邮件："menuItem:share:email"
VUE：微信H5公众号页面禁用分享
米拉
12-15 2003
JSSDK配置wx.config /* * jssdk初始化 * */ export function initSdk(appId,nonceStr,signature,timestamp,apiList){ //从后端获取 wx.config({ debug: false, appId: appId, timestamp: timestamp, nonceStr: nonceStr, signature: signature, //jsApi...
禁用微信分享功能
偷懒的加菲
01-25 7090
微信浏览的禁止转发和分享，需要调用JSSDK，在网上找到了如下代码，直接复制粘贴即可。 <script type="text/javascript" src="http://res2.wx.qq.com/open/js/jweixin-1.4.0.js"></script> <script>
微信浏览器禁止页面下拉查看网址实例详解
08-30
在微信浏览器中，防止页面下拉查看网址可以通过JavaScript代码隐藏默认的touchmove事件。例如，使用jQuery库，可以使用以下代码： ``` $('body').on('touchmove', function(event) { event.preventDefault(); }); `...
网页微信禁止转发代码
04-11
在互联网开发中，有时我们需要保护某些页面内容不被随意传播或分享，特别是在微信环境中。本文档提供的代码就是一种实现方式，它通过检测用户是否使用微信浏览器访问网页，并进一步利用微信浏览器提供的API来关闭...
js实现移动端微信页面禁止字体放大
12-02
在移动互联网领域，微信作为一款广泛使用的社交应用，其内置的浏览器成为了许多开发者构建H5页面的常见平台。然而，微信浏览器默认支持字体放大功能，这可能会对使用rem作为单位进行响应式布局的页面造成影响，导致...
微信h5网页关闭分享以及关闭当前页面
阿臻
04-17 262
关闭网页分享一些按钮 document.addEventListener("WeixinJSBridgeReady", function () { WeixinJSBridge.call('hideOptionMenu'); }); 关闭网页 WeixinJSBridge.call('closeWindow');
微信H5禁止分享功能
lipengaccp的博客
12-15 185
微信H5禁止分享功能
vue项目微信禁止分享功能
qq_43426246的博客
02-02 2405
Vue微信公众号网页禁用分享功能 因为项目中需要禁止分享功能，所以去百度了一下，但是还是挺多坑的最后拼凑了一个流程。（只介绍全部禁用的） 有很多文章用的是 WeixinJSBridge.call(‘hideOptionMenu’) 但是这个试了一下 会出现 WeixinJSBridge.call已经被禁用，所以找到了下面的方法。 一.npm引入的问题 很多文章写的是引入 weixin-js-sdk 这个，但是引入到main 定义为 wx之后，输出wx你会发现wx为undefined，找了一轮发现，我们需要引
uni-app 微信公众号（H5）右上角三个点的禁止分享
最新发布
weixin_43576162的博客
05-22 1063
看了很多博主的文章写的有点复杂，假如是取消全局分享其实就只要在app.vue里的js里面加上这两句代码就能全局生效了。if (isWeixin()) { // 微信环境下禁用分享。// 通过下面这个API隐藏右上角按钮。
微信公众号隐藏右上角三个点分享功能
xiaoququ的博客
10-25 8909
隐藏分享功能，写在index.html即可 <script> // var vConsole = new VConsole(); document.addEventListener( "WeixinJSBridgeReady", function onBridgeReady() { // 通过下面这个API隐...
h5项目使用vue,禁止微信分享
weixin_60885570的博客
03-20 568
wechatshare方法是自己封装的,调用禁止分享时候需要等待微信返回的接口,所以有一瞬间可能会可以分享出去,使用onBridgeReady方法可以上来就禁止掉。
uniapp全局分享以及指定页面分享禁用的设置
weixin_45863359的博客
03-04 4326
1、创建share.js文件 module.exports = { onLoad() { // 设置默认的转发参数 share:{ title: '', // 默认为小程序名称 path: '', // 默认为当前页面路径 imageUrl: '' // 默认为当前页面的截图 } //白名单 const urlList=[ 'pages/life/index', 'takeoutPackageA/pages/takeOut/shopping/shop
js-关于微信页面分享（取消或打开）
weixin_34195364的博客
03-07 959
在微信二次开发中，我们会遇到页面可以分享或不能分享的情况（私人隐私页面不能、禁止分享） 1.禁止页面分享（取消微信开打页面的分享功能） <script> functiononBridgeReady(){ WeixinJSBridge.call('hideOptionMenu'); } if(typeofWeixinJSBrid...
小程序H5 vue页面禁止分享功能
filerat的博客
07-29 1768
查阅了很多的博客都是采用下面的写法来处理，如果是一个单页面的话就可以起作用，但是如果H5是采用vue并引入路由模块的话就会发现下面的代码只在初始的首页有作用，子路由页面都统统失效。所以想让所有页面都禁止分享就在路由守卫afterEach中加入以下代码就实现了效果。......
微信公众号H5页面：禁止分享操作
yongyafang123的博客
02-16 9206
H5页面在微信端的禁止分享（分享到朋友圈，好友） 本次我们说两种实现方式：第一种是正确无争议保证正确，第二种简单可用，但不保证语法正确（自己刚开始使用的，没问题）！ 好了，现在我们开始说第一种方式： 步骤一：安装jssdk 全局安装： npm install weixin-js-sdk 步骤二：封装 config配置 在utils中创建一个wxForbidShare.js，内容如下：（可粘贴...
vue h5页面分享微信
10-26
在Vue H5页面中实现微信分享，可以按照以下步骤进行： 第一步，获取微信分享所需的相关配置： 在Vue项目中引入微信开放平台的JS-SDK，然后通过微信开放平台接口获取到当前页面的分享配置信息，包括标题、描述、链接和图片等信息。 第二步，调用微信JS-SDK进行分享： 在Vue的组件中，通过引入微信JS-SDK提供的方法，如`wx.onMenuShareTimeline`和`wx.onMenuShareAppMessage`等，来实现对应的分享功能。可以将这些方法封装成一个单独的util文件，方便在项目中多次调用。 第三步，配置分享参数： 调用微信JS-SDK的分享方法前，需要将获取到的分享配置信息传入相应的参数中，如标题、链接、描述和分享图等。可以根据当前页面的不同内容来动态设置分享的参数。 第四步，设置微信签名： 在Vue页面中，可以使用`vue-router`插件进行路由控制，当进入到需要分享的页面时，通过异步请求来获取当前页面的分享配置信息和签名，然后将签名设置给微信JS-SDK。 第五步，调用分享方法： 在上面的配置完成后，即可通过微信JS-SDK提供的分享方法，如`wx.onMenuShareTimeline`和`wx.onMenuShareAppMessage`等，来实现对应的分享功能。可以按需选择分享到朋友圈、发送给好友或分享到QQ等渠道。 需要注意的是，Vue H5页面在与微信分享时，由于所处的环境和限制会有所不同，可能需要在不同的事件中触发分享，比如在路由切换完成后触发分享方法。 以上是实现Vue H5页面分享微信的一般步骤，具体实现还需要根据项目的需求和微信开放平台的接口文档进行调整。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值