【技术实现步骤摘要】
本专利技术涉及一种基于移动噪点的前端防截图方法，属于网络安全。
技术介绍
1、在互联网时代，数字作品的传播速度和传播范围都大大加快，同时盗版和侵权问题也更加突出，给版权拥有者带来了巨大的经济损失。在现有的网络数字信息中，因为截图技术的发达以普及，越来越多的数字文章被不法分子批量爬取、截图盗用。
2、现有公开号为cn110363024a的专利技术专利，公开了一种基于移动设备应用的防截屏方法。具体实现步骤为：获取应用内需要防截屏的敏感信息内容；将所述敏感信息内容转变为具有数字认证的流媒体格式数据；以及将所述流媒体格式数据输送到所述应用的界面上。
3、上述现有的方法虽然可以防截图，但是流媒体格式的数据并不方便阅读，而且由于其可配置性低，易于破解，所以，本专利技术提出了一种基于移动噪点的前端防截图方法。
技术实现思路
1、本专利技术的目的是提供一种基于移动噪点的前端防截图方法，通过随机生成多个可高速移动的噪点元素，然后将其与需要保护的数字信息叠加在一起，并实时监听和验证噪点元素，达到前端防截图。
2、为达到上述目的/为解决上述技术问题，本专利技术是采用下述技术方案实现的。
3、一方面，本专利技术提供一种基于移动噪点的前端防截图技术，包括如下步骤：
4、s1：根据可配置项生成多个噪点元素，并将其随机分配到页面不同位置；
5、s2：将需要保护的数字信息与噪点元素进行叠加；
6、s3：实时更新噪点元素，并将噪点元
7、s4：监听噪点元素是否被修改；
8、s5：校验噪点元素的属性。
9、进一步地，所述步骤s1的具体步骤包括：
10、s11：在独立图层中生成噪点元素；
11、s12：使用css的will-change属性优化页面重绘和重排操作；
12、s13：使用css的transform:translate3d(0,0,0)属性，将噪点元素的移动操作交给gpu进行处理。
13、进一步地，所述步骤s1中，使用css语言的backdrop-filter属性对元素的背景进行模糊处理，并通过配置项调节模糊程度。
14、进一步地，所述backdrop-filter属性用于为元素添加图形效果
15、进一步地，所述步骤s2中，通过使用css的mix-blend-mode属性定义两个元素在重叠部分的混合模式，所述mix-blend-mode属性包括：normal、multiply、screen，所述噪点元素的mix-blend-mode值设置为normal。
16、进一步地，所述步骤s3包括如下具体步骤：
17、所述步骤s3包括如下具体步骤：
18、s31：通过@keyframes规则定义一个名为blur-move的动画，从0到100vw移动元素；
19、s32：将动画持续时间设置为0.5s，并使用linear缓动函数使元素移动速度恒定；
20、s33：使用infinite属性将动画设置为无限循环，并使用alternate关键字反转元素的动画方向，让元素来回移动。
21、进一步地，使用@keyframes规则创建动画是通过逐步改变css样式，以将css样式设定到另一个css样式设定，所述动画过程中的css的样式设定为多次。
22、进一步地，所述步骤s4包括如下具体步骤：
23、s41：选择要监听的元素，并创建一个新的mutationobserver对象，在mutationobserver对象的构造函数中，传入一个回调函数；
24、s42：配置mutationobserver对象，利用其监视目标元素的属性、子节点以及字符数据的变化；
25、s43：调用mutationobserver对象的observe()方法，开始监听目标元素。
26、进一步地，所述步骤s43中，当检测到目标元素的监听信息被篡改时，执行mutationobserver对象的回调函数，并及时采取措施，如重新生成目标元素或跳转到其他页面等方式来隐藏重要信息。
27、进一步地，所述步骤s5中，当服务端验证结果为正常，即所监听噪点元素没有被修改，将正常结果返回给客户端，并允许用户进行信息获取行为；当服务端验证结果为异常，即所监听噪点元素被修改，则阻止客户端进行信息获取行为，并记录异常日志。
28、与现有技术相比，本专利技术所达到的有益效果：本专利技术通过根据可配置项生成多个噪点元素，并将其随机分配到页面不同位置；将需要保护的数字信息与噪点元素进行叠加；实时更新噪点元素，并将噪点元素保持高速移动状态；监听噪点元素是否被修改；校验噪点元素的属性。实现了有效防止截图盗取，并且由于可配置性高，可以适应不同网页的需求，同时由于噪点元素的数量和移动速度等参数可以灵活设置，使得本方法难以破解，有效提高了网页内容的安全性和版权保护的效果。
本文档来自技高网...【技术保护点】
1.一种基于移动噪点的前端防截图方法，其特征在于，包括：
2.根据权利要求1所述的一种基于移动噪点的前端防截图方法，其特征在于：
3.根据权利要求1所述的一种基于移动噪点的前端防截图方法，其特征在于：
4.根据权利要求3所述的一种基于移动噪点的前端防截图方法，其特征在于：
5.根据权利要求1所述的一种基于移动噪点的前端防截图方法，其特征在于：
6.根据权利要求1所述的一种基于移动噪点的前端防截图方法，其特征在于：
7.根据权利要求6所述的一种基于移动噪点的前端防截图方法，其特征在于：
8.根据权利要求1所述的一种基于移动噪点的前端防截图方法，其特征在于：
9.根据权利要求8所述的一种基于移动噪点的前端防截图方法，其特征在于：
10.根据权利要求1所述的一种基于移动噪点的前端防截图方法，其特征在于：
【技术特征摘要】
1.一种基于移动噪点的前端防截图方法，其特征在于，包括：
2.根据权利要求1所述的一种基于移动噪点的前端防截图方法，其特征在于：
3.根据权利要求1所述的一种基于移动噪点的前端防截图方法，其特征在于：
4.根据权利要求3所述的一种基于移动噪点的前端防截图方法，其特征在于：
5.根据权利要求1所述的一种基于移动噪点的前端防截图方法，其特征在于：
6...
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。