微信小程序防止截屏录屏

最新推荐文章于 2024-09-02 09:54:46 发布

迪卢克的现任

最新推荐文章于 2024-09-02 09:54:46 发布

阅读量5.6k

点赞数 11

文章标签：微信小程序小程序

本文链接：https://blog.csdn.net/m0_53644435/article/details/135622377

版权

本文介绍了如何在微信小程序中使用CSS添加水印以防止隐私数据泄露，并详细讲解了如何利用wx.setVisualEffectOnCaptureAPI来阻止用户截屏或录屏，确保信息安全。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、使用css添加水印

使用微信小程序原生的view和css给屏幕添加水印这样可以防止用户将小程序内的隐私数据进行截图或者录屏分享导致信息泄露，给小程序添加一个水印浮层。这样即使被截图或者拍照，也能轻松地确定泄露的源头。效果图如下：

代码片段 https://developers.weixin.qq.com/s/V9dcdgmc7mOy

wxml文件：

注意回车符“\n”只能被text标签识别view标签无法识别

  <navigation-bar title="Weixin" back="{
  {false}}" color="black" background="#ccc"></navigation-bar>
<view class="water_top" style="pointer-events: none;">
    <text class="water-text" wx:for="{
  {50}}">{
  {"小程序水印\n12345678910"}}</text>
</view>

最低0.47元/天解锁文章