[发明专利]页面水印防篡改方法、系统、电子设备和可读存储介质

权利要求书

1.一种页面水印防篡改方法，其特征在于，包括：

执行脚本引入步骤，创建全局入口文件并在所述全局入口文件中声明一DOM节点，并将预先定义封装的水印脚本文件引入所述全局入口文件；

页面水印生成步骤，基于SVG技术和所述DOM节点进行背景水印矢量图的绘制、配置函数封装并插入所述全局入口文件；

节点监测步骤，基于MutationObserver接口监测所述全局入口文件中背景水印所属的目标节点是否被篡改，从而实现节点监测；

水印重新绘制步骤，当监测到所述目标节点被篡改时，重新绘制背景水印矢量图并重新触发节点监测。

2.根据权利要求1所述的页面水印防篡改方法，其特征在于，所述页面水印生成步骤进一步包括：

背景水印绘制步骤，利用SVG技术进行背景水印矢量图的绘制，并进行配置函数封装，得到svg标签及用于绘制所述背景水印的水印函数；

背景水印插入步骤，根据所述DOM节点生成一DOM容器，将所述svg标签经编码转换后结合CSS的样式属性作为整体样式插入至所述DOM容器，以生成所述背景水印矢量图。

3.根据权利要求1所述的页面水印防篡改方法，其特征在于，所述节点监测步骤进一步包括：

DOM子节点监测步骤，通过直接监测所述目标节点的DOM子节点判断所述DOM子节点是否新增或删除，并获取被增加或被删除的节点；

属性节点监测步骤，通过监测所述目标节点的DOM子节点的属性值判断对应的属性节点是否发生变化，并获取发生变化的属性节点所在的元素节点；

文本节点监测步骤，通过监测所述目标节点对应的数据内容判断所述目标节点的节点内容或节点文本是否发生变化，并获取变化后的节点内容或节点文本。

4.根据权利要求1至3中任一项所述的页面水印防篡改方法，其特征在于，所述节点监测步骤进一步包括：

节点后代子集合监测步骤，用于监测所述目标节点的所有后代子集合，并判断所述目标节点是否被篡改。

5.一种页面水印防篡改系统，其特征在于，包括：

执行脚本引入模块，创建全局入口文件并在所述全局入口文件中声明一DOM节点，并将预先定义封装的水印脚本文件引入所述全局入口文件；

页面水印生成模块，基于SVG技术和所述DOM节点进行背景水印矢量图的绘制、配置函数封装并插入所述全局入口文件；

节点监测模块，基于MutationObserver接口监测所述全局入口文件中背景水印所属的目标节点是否被篡改，从而实现节点监测；

水印重新绘制模块，当监测到所述目标节点被篡改时，重新绘制背景水印矢量图并重新触发节点监测。

6.根据权利要求5所述的页面水印防篡改系统，其特征在于，所述页面水印生成模块进一步包括：

背景水印绘制模块，利用SVG技术进行背景水印矢量图的绘制，并进行配置函数封装，得到svg标签及用于绘制所述背景水印的水印函数；

背景水印插入模块，根据所述DOM节点生成一DOM容器，将所述svg标签经编码转换后结合CSS的样式属性作为整体样式插入至所述DOM容器，以生成所述背景水印矢量图。

7.根据权利要求5所述的页面水印防篡改系统，其特征在于，所述节点监测模块进一步包括：

DOM子节点监测模块，通过直接监测所述目标节点的DOM子节点判断所述DOM子节点是否新增或删除，并获取被增加或被删除的节点；

属性节点监测模块，通过监测所述目标节点的DOM子节点的属性值判断对应的属性节点是否发生变化，并获取发生变化的属性节点所在的元素节点；

文本节点监测模块，通过监测所述目标节点对应的数据内容判断所述目标节点的节点内容或节点文本是否发生变化，并获取变化后的节点内容或节点文本。

8.根据权利要求5至7中任一项所述的页面水印防篡改系统，其特征在于，所述节点监测模块进一步包括：

节点后代子集合监测模块，用于监测所述目标节点的所有后代子集合，并判断所述目标节点是否被篡改。