微信小程序设置某个页面防截屏/录屏-Toy模板网

这篇具有很好参考价值的文章主要介绍了微信小程序设置某个页面防截屏/录屏。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

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

同上，隐藏或销毁当前页面时需要做解除当前防录屏的设置文章来源地址https://www.toymoban.com/news/detail-505611.html

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

到了这里，关于微信小程序设置某个页面防截屏/录屏的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！