iis服务器助手广告
返回顶部
首页 > 资讯 > 移动开发 >微信小程序设置某个页面防截屏/录屏
  • 178
分享到

微信小程序设置某个页面防截屏/录屏

摘要

Android防截屏录屏 关于防截屏录屏,官方给出的方案是wx.setVisualEffectOnCapture(Object object) 注意:1、仅支持Android 2、基础库 不低于2.21.3

Android防截屏录屏

关于防截屏录屏,官方给出的方案是wx.setVisualEffectOnCapture(Object object)

注意:1、仅支持Android

2、基础库 不低于2.21.3

  onShow() {    if (wx.setVisualEffectOnCapture) {      wx.setVisualEffectOnCapture({        visualEffect: 'hidden',        complete: function (res) {        }      })    }  }

如果只在页面A的onShow()中设置wx.setVisualEffectOnCapture不做其他出来,会发现,只要在页面A截屏后,小程序其余页面都无法截屏了。所以我们还需要做其余操作:

  // 页面隐藏和销毁时需要释放防截屏录屏设置  onHide(){    if (wx.setVisualEffectOnCapture) {      wx.setVisualEffectOnCapture({        visualEffect: 'none',        complete: function(res) {        }      })    }  },  onUnload(){    if (wx.setVisualEffectOnCapture) {      wx.setVisualEffectOnCapture({        visualEffect: 'none',        complete: function(res) {        }      })    }  }

iOS防录屏

官方给出的方案wx.onScreenRecordingStateChanged(function listener)

注意:1、仅支持IOS

2、基础库2.24.0开始支持

onLoad(){    if(wx.getScreenRecordingState){        wx.getScreenRecordingState({            success: res => {                console.log(res.state)            }        })    }    if(wx.onScreenRecordingStateChanged){        wx.onScreenRecordingStateChanged(res => {            console.log(res.state)        }    }}

同上,隐藏或销毁当前页面时需要做解除当前防录屏的设置

onHide(){    if(wx.offScreenRecordingStateChanged){        // 取消录屏监听事件        wx.offScreenRecordingStateChanged()    }},onUnload(){    if(wx.offScreenRecordingStateChanged){        // 取消录屏监听事件        wx.offScreenRecordingStateChanged()    }}

来源地址:https://blog.csdn.net/ly2983068126/article/details/128728124

--结束END--

本文标题: 微信小程序设置某个页面防截屏/录屏

本文链接: https://www.lsjlt.com/news/388109.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • 微信小程序设置某个页面防截屏/录屏
    Android防截屏录屏 关于防截屏录屏,官方给出的方案是wx.setVisualEffectOnCapture(Object object) 注意:1、仅支持Android 2、基础库 不低于2.21.3 ...
    99+
    2023-09-01
    微信小程序IOS防录屏 微信小程序Android防截屏 Powered by 金山文档
  • 微信小程序返回某个页面怎么设置
    设置微信小程序返回某个页面的方法:回退上一级页面,代码示例:var pages = getCurrentPages(); //当前页面var beforePage = p...
    99+
    2024-04-02
  • 微信小程序怎么设置首页页面
    微信小程序设置首页页面的方法:在app.json文件中,找到pages数组,设置在第一个的页面就是默认启动页面,因此需要调整你当前开发的页面顺序。在提交正式版本的时候,“配置功能页面”的一步,在功能页面一栏里,选择需要设置为首页页面。在小程...
    99+
    2024-04-02
  • 微信小程序中如何设置屏幕亮度
    本文将为大家详细介绍“微信小程序中如何设置屏幕亮度”,内容步骤清晰详细,细节处理妥当,而小编每天都会更新不同的知识点,希望这篇“微信小程序中如何设置屏幕亮度”能够给你意想不到的收获,请大家跟着小编的思路慢慢深入,具体内容如下,一起去收获新知...
    99+
    2023-06-26
  • 微信小程序页面在哪里设置
    使用微信开发者工具对小程序页面进行设置首先从本地电脑中进入微信开发者工具,打开小程序文件目录;在文件目录中,依次查找:pages/logs/logs.json文件;打开logs.json文件,在文件中写入相应的页面配置,保存即可。...
    99+
    2024-04-02
  • 微信小程序如何设置view填充整个页面
    在微信小程序通过设置view实现填充整个页面的方法首先,进入微信开发者工具,打开小程序文件目录;在文件目录中,依次查找:index/index.wxss文件,并打开;index.wxss文件打开后,在index.wxss文件中,设置view...
    99+
    2024-04-02
  • 微信小程序页面返回操作拦截
    返回操作包括三种情形,右滑手势、安卓物理返回键和调用 navigateBack 接口 微信小程序没有提供类似 onBackPress 监听页面返回的api,在某些特定场景下,业务收到了限制 为了解决这...
    99+
    2023-09-07
    微信小程序 小程序
  • 微信小程序怎么设置默认页面
    微信小程序设置默认页面的方法:可以直接通过修改app.json,直接把目标页面设置为默认打开页。{"pages": ["pages/article/detail","pages/i...
    99+
    2024-04-02
  • 微信小程序如何设置页面转换
    微信小程序中实现页面转换的几种方法wx.navigateTo()方法wx.navigateTo({url: '跳转的页面地址'})wx.redirectTo()方法wx.redirectTo({url: '跳转的页面地址'})wx.swit...
    99+
    2024-04-02
  • 微信小程序设置页面怎么进入
    进入微信小程序设置页面的方法首先,进入微信开发者工具,打开小程序文件目录;在文件目录中,依次查找:pages/logs/logs.json文件;最后,打开logs.json文件,在文件中写入相应的页面配置,保存即可;...
    99+
    2024-04-02
  • 微信小程序页面颜色怎么设置
    设置微信小程序页面颜色的方法首先,进入微信开发者工具,打开小程序文件目录;在文件目录中,依次查找:index/index.wxss文件;最后,在index.wxss文件中,添加background属性,修改页面颜色;page{backgro...
    99+
    2024-04-02
  • 微信小程序怎么设置页面渐变
    微信小程序使用background设置页面渐变首先,进入微信开发者工具,打开小程序文件目录;在文件目录中,依次查找到index/index.wxss文件,并打开;最后,index.wxss文件打开后,在page中添加以下代码即可;page{...
    99+
    2024-04-02
  • 微信小程序怎么设置初始页面
    微信小程序设置初始页面方法:在app.json文件中,找到pages数组,设置在第一个的页面就是默认启动页面,因此需要调整你当前开发的页面顺序即可。在提交正式版本的时候,“配置功能页面”的一步,在功能页面一栏里,选择需要设置初始页面即可。在...
    99+
    2024-04-02
  • 微信小程序实现登录页面
    本文实例为大家分享了微信小程序实现登录页面的具体代码,供大家参考,具体内容如下 实现在进入微信小程序首页前的登录验证页面,这里有两种方法,但其实原理都是一样的。 1. 在首页中加入一...
    99+
    2024-04-02
  • 微信小程序登录页面代码
    微信小程序实现登录页面的方法:1.创建微信小程序项目;2.在index.wxml文件中添加页面设计代码;3.在index.wxss文件中添加页面样式代码;4.在index.js文件中添加用户交互代码;5.保存编辑的代码并进行调试即可。具体实...
    99+
    2024-04-02
  • 微信小程序如何让页面高度为屏幕的高度
    微信小程序设置页面高度为屏幕高度的方法进入微信开发者工具,打开小程序项目文件,在项目文件中,查找并打开utlls/app.json文件;最后,app.json文件打开后,设置page的高度为100%即可;.page{height:100vh...
    99+
    2024-04-02
  • 微信小程序的页面标题怎么设置
    设置微信小程序页面标题的方法:方法1:修改page.json文件,代码:{"navigationBarTitleText": "我的标题"}方法2:使用JS修改,代码:wx.setNavig...
    99+
    2024-04-02
  • 微信小程序里如何设置页面底部
    微信小程序里设置页面底部的案例:在小程序项目中app.json配置文件下,添加代码:"tabBar": {"color": "#a9b7b7","selectedColor": "#11cd6e","borderStyle":"white"...
    99+
    2024-04-02
  • 微信小程序怎么在页面中设置tabbar
    在微信小程序中给页面设置底部导航tabBar的方法首先,进入微信开发者工具,打开小程序文件目录;在文件目录中,依次查找:utils/app.json文件;app.json文件查找到后,在文件中添加以下代码即可;{"tabBar": {"li...
    99+
    2024-04-02
  • 微信小程序二级页面怎么设置导航页
    微信小程序二级页面设置导航页的方法:在二级页面对应的json文件中设置,例如:{"navigationBarTitleText": "我的标题","navigationBarBac...
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作