微信小程序怎么实现防止截屏

小程序防止手机截屏, 禁止截屏录屏

手机截屏或者录屏时,禁止调用,并提示无法截屏.
注意⚠️ 目前仅支持安卓设备使用!!! ( 2021年10月29日发帖 )

配置参数如下:
visualEffect: ‘none’ | ‘hidden’ 截屏/录屏时的表现,传入 hidden 则表示在截屏/录屏时隐藏屏幕
success : 成功回调函数
fail : 失败回调函数
complete : 完成时回调函数

基础库 2.20.1 开始支持，低版本需做兼容处理
写在页面的onload中即可

wx.setVisualEffectOnCapture({visualEffect: 'hidden',success:(res) => {console.log(res)},fail:(err) => {console.log(err)},complete:(res) => {console.log(res)}
})

下方方法可监听用户截屏

wx.onUserCaptureScreen(function (res) {console.log('用户截屏了')
})

附最新官方文档地址,点我查看

微信小程序怎么实现防止截屏相关推荐

微信小程序iOS视频播放开始黑屏问题
在微信小程序播放视频时遇到个奇怪的问题 iOS开始播放视频时会有几秒黑屏卡顿,然后才会流畅播放而安卓手机就不会有黑屏,点击播放直接就可以播放视频了后来发现我是加了一个 :custom-cache= ...
开发那点事（十五）微信小程序webView首次进入白屏优化方案
写在前面的话公司最近项目已经进入使用阶段,从用户那边反应过来的问题,说小程序打开太慢,中间白屏几秒,于是想办法来做一个等待效果. 优化后效果具体实现(已vue为例) 按照正常的思路,路由按需加载. ...
微信小程序开发—背景图片全屏（无白条）
目录错误示例正确示例正确代码段错误示例微信小程序开发过程中,为了增加界面的美观程度,可以尝试将一张图片设置为背景.在网上最主要的方法为: index.wxml <view class= ...
微信小程序 - [完整源码] 全屏左右菜单联动效果，左侧分类与右侧内容联动，类似美团饿了么的点餐页面 “左边菜单，右边内容“ 效果（开箱即用的示例源码，代码干净整洁且注释详细）
前言您可能需要:微信小程序 - 外卖点餐的左右联动功能界面(购物车加减商品,购物车自动计算金额等电商功能) 网上的教程样式和逻辑都太乱了(而且 BUG 一堆.各种真机运行不兼容),直接复制下来后代码 ...
微信小程序怎么确定是息屏、返回、还是Home键操作？
我们公司在做一个客户端和小程序互相控制的小程序,两者都可以控制用户是否退出,因为安卓手机第一次扫码进来会触发onload方法,但是第二次扫码进入小程序,就直接进入到上次退出的界面,只会触发onShow ...
微信小程序底部弹窗（半屏弹窗）---WeUI组件使用
小程序的底部弹窗(半屏弹窗) 我这里主要是使用小城的原生组件WeUI来完成的,需要引入WeUI组件库.这里就不教如何引入库,主要讲解如何使用Half Screen Dialog标签. 首先就是通过js ...
微信小程序实现上传视屏并编辑
阅读说明: 本文是实现用户上传视频并可以在线播放,选择删除.视频上传到云存储,并在云数据库中添加记录. 下面包含:1效果截图及截图说明,2实现步骤及源码. 1:效果截图及截图说明: 1.1初次进入页面 ...
微信小程序体验版ios白屏安卓报错 {“errMsg“:“hideLoading:fail:toast can‘t be found“}
在编辑器中显示正常然后使用ios真机调试页面数据都不显示后来各种查阅微信官网提供的调试工具 wx.setEnableDebug 使用安卓机测试出报错{"errMsg":&qu ...
微信小程序开发之——视图全屏显示
一概述本文介绍两种将view全屏显示的方式: 布局文件设置宽度和高度代码中获取到屏幕的宽度和高度,设置到view上二布局设置宽高全屏 2.1 布局文件(index.wxml) <vie ...

微信小程序怎么实现防止截屏

小程序防止手机截屏, 禁止截屏录屏

微信小程序怎么实现防止截屏相关推荐

最新文章

热门文章