糯麦 NurMai

400-158-5662

糯麦科技

/

新闻资讯

/

技术讨论

/

微信小程序设置页面禁止截屏/录屏

微信小程序设置页面禁止截屏/录屏

原创 新闻资讯

于 2023-09-02 16:40:35 发布

17230 浏览

在小程序开发过程中我们有些页面需要禁止用户进行截屏和录屏操作,例如用户二维码显示页面、订单二维码页面等禁止泄露的页面,因此糯麦为大家总结在Android和iOS下如何监听小程序截屏/录屏操作。以便于开发者禁止用户进行相关操作。


Android防截屏录屏

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

注意:

1:该接口仅支持Android

2:基础库不得低于2.21.3版本

//禁止截屏/录屏操作
if (wx.setVisualEffectOnCapture) {
    wx.setVisualEffectOnCapture({
        visualEffect: 'hidden'
    })
}

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

//恢复截屏/录屏操作
if (wx.setVisualEffectOnCapture) {
    wx.setVisualEffectOnCapture({
        visualEffect: 'none'
    })
}


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()
    }
}

以上就是糯麦为大家总结的在微信小程序开发中我们应该如何监听安卓用户以及苹果用户截屏和录屏操作,并且通过代码禁止Android用户截屏/录屏操作以及禁止IOS用户截屏/录屏操作,希望对开发者在微信小程序开发中有所帮助。

小程序截屏

小程序录屏

ios禁止截屏

阅读排行

  • 1. 几行代码就能实现Html大转盘抽奖

    大转盘抽奖是网络互动营销的一种常见形式,其通过简单易懂的界面设计,让用户在游戏中体验到乐趣,同时也能增加商家与用户之间的互动。本文将详细介绍如何使用HTML,CSS和JavaScript来实现大转盘抽奖的功能。

    查看详情
  • 2. 浙江省同区域公司地址变更详细流程

    提前准备好所有需要的资料,包含:房屋租赁合同、房产证、营业执照正副本、代理人身份证正反面、承诺书(由于我们公司其中一区域已有注册另外一公司,所以必须需要承诺书)

    查看详情
  • 3. 微信支付商户申请接入流程

    微信支付,是微信向有出售物品/提供服务需求的商家提供推广销售、支付收款、经营分析的整套解决方案,包括多种支付方式,如JSAPI支付、小程序支付、APP支付H5支付等支付方式接入。

    查看详情
  • 4. 阿里云域名ICP网络备案流程

    根据《互联网信息服务管理办法》以及《非经营性互联网信息服务备案管理办法》,国家对非经营性互联网信息服务实行备案制度,对经营性互联网信息服务实行许可制度。

    查看详情
  • 5. 微信小程序申请注册流程

    微信小程序注册流程与微信公众号较为相似,同时微信小程序支持通过已认证的微信公众号进行注册申请,无需进行单独认证即可使用,同一个已认证微信公众号可同时绑定注册多个小程序。

    查看详情