页面保护方法、装置、设备和存储介质与流程

1.本技术涉及信息保护技术领域，特别是涉及一种页面保护方法、装置、设备和存储介质。


背景技术：

2.随着计算机技术的发展，人们在享受信息时代所带来的便利的同时，信息泄露情况也在日益增多。信息泄露不仅侵犯了个人或公司的隐私和机密信息，也可能会进而造成经济损失。因此，防止信息泄露或快速准确地针对泄露信息进行追源溯流具有重要的意义。
3.在信息安全技术领域，针对一些网页上的信息，往往具有较高的安全性需求。因此，相关技术中普遍采用水印信息对网页进行保护，但是，相关技术需要在网页中插入背景图片来实现水印信息的添加，然而背景图片往往被页面上的文字、输入框等模块覆盖，使得背景图片中的部分水印信息丢失，导致页面保护效果不佳。


技术实现要素：

4.本技术实施例提供一种页面保护方法、装置、设备和存储介质，能够在页面中添加隐藏的水印信息，提高页面保护效果。
5.第一方面，本技术实施例提供一种页面保护方法，包括：生成至少两种水印信息；其中，所述至少两种水印信息包括字体为黑色的水印信息和字体为白色的水印信息；将所述至少两种水印信息添加到目标页面中；根据目标透明度值对所述目标页面中的至少两种水印信息进行处理，以使处理后的目标页面与处理前的目标页面之间的页面颜色变化值满足第一预设阈值。
6.第二方面，本技术实施例提供一种页面保护装置，包括：生成模块，用于生成至少两种水印信息；其中，所述至少两种水印信息包括字体为黑色的水印信息和字体为白色的水印信息；添加模块，用于将所述至少两种水印信息添加到目标页面中；处理模块，用于根据目标透明度值对所述目标页面中的至少两种水印信息进行处理，以使处理后的目标页面与处理前的目标页面之间的页面颜色变化值满足第一预设阈值。
7.第三方面，本技术实施例提供一种页面保护设备，包括：存储器和处理器，所述存储器存储有计算机程序，所述处理器执行所述计算机程序时实现本技术实施例第一方面提供的页面保护方法的步骤。
8.第四方面，本技术实施例提供一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现本技术实施例第一方面提供的页面保护方法的步骤。
9.本技术实施例提供的技术方案，生成至少两种水印信息，至少两种水印信息包括字体为黑色的水印信息和字体为白色的水印信息，将至少两种水印信息添加到目标页面
中，根据目标透明度值对目标页面中的至少两种水印信息进行处理，以使处理后的目标页面与处理前的目标页面之间的页面颜色变化值满足第一预设阈值。通过在目标页面中添加黑色水印信息和白色水印信息，能够对目标页面中的所有区域产生影响，并通过修改目标页面中黑色水印信息和白色水印信息的透明度值，实现了向目标页面中写入隐藏式水印信息的目的，无需额外插入背景图片，简化了水印添加过程，且提高了页面保护效果。
附图说明
10.图1为本技术实施例提供的页面保护方法的一种流程示意图；图2为本技术实施例提供的页面保护方法的另一种流程示意图；图3为本技术实施例提供的一种包含隐式水印信息的页面的示意图；图4为本技术实施例提供的页面水印信息显示效果的一种示意图；图5为本技术实施例提供的页面保护装置的一种结构示意图；图6为本技术实施例提供的页面保护设备的一种结构示意图。
具体实施方式
11.为了使本技术的目的、技术方案及优点更加清楚明白，通过下述实施例并结合附图，对本技术实施例中的技术方案进行进一步详细说明。应当理解，此处所描述的具体实施例仅用以解释本技术，并不用于限定本技术。
12.图1为本技术实施例提供的页面保护方法的一种流程示意图。该方法可以由页面保护装置来执行，该装置可以由软件和/或硬件来实现，该装置可以配置在页面保护设备中，其中，该页面保护设备可以是智能手机、平板电脑等电子设备。
13.本技术实施例提供的技术方案可以应用于页面保护场景中，例如向页面中添加隐藏式水印信息以实现页面保护的场景中，或者在对页面信息泄露追源溯流过程中，显示页面中的隐藏式水印信息的场景中。其中，隐藏式水印信息可以是一种肉眼无法感知但能够检测到的信息。
14.如图1所示，本技术实施例提供的页面保护方法可以包括：s101、生成至少两种水印信息。
15.其中，所述至少两种水印信息包括字体为黑色的水印信息和字体为白色的水印信息，所述至少两种水印信息的内容可以相同，也可以不相同。
16.为了防止页面信息泄露或者在页面信息泄露之后定位到对应的目标对象，可选地，可以按照下述过程生成至少两种水印信息：获取目标对象的标识信息；根据所述标识信息生成至少两种水印信息。
17.具体的，上述标识信息可以为任意一种能够标识目标对象的信息，比如，目标对象的页面登录用户名、id以及登录图像等等。在获取到目标对象的标识信息之后，可以基于该标识信息生成相应的水印信息。因此，在页面信息泄露之后，便可以通过显示页面中的水印信息，由于该水印信息包含目标对象的标识信息，因此，可以通过所显示的水印信息定位到对应的目标对象，可在一定程度上防止页面信息的泄露。可选地，还可以获取水印信息生成策略，该水印生成策略包括水印信息的字体颜色、字体大小、加粗设置、排布方式或者旋转
角度等信息，然后采用目标对象的标识信息结合该水印信息生成策略，从而生成个性化的水印信息。
18.s102、将所述至少两种水印信息添加到目标页面中。
19.s103、根据目标透明度值对所述目标页面中的至少两种水印信息进行处理，以使处理后的目标页面与处理前的目标页面之间的页面颜色变化值满足第一预设阈值。
20.为了便于描述，以下将字体为黑色的水印信息简称为黑色水印信息，字体为白色的水印信息简称为白色水印信息。
21.在实际应用中，由于单色的水印信息仅能对页面中部分背景区域产生影响，比如将黑色水印信息叠加到页面中，该黑色水印信息仅能对页面中颜色值在100-300之间的背景区域产生影响，对页面中其它颜色值的背景区域无法产生影响；再如，将白色水印信息叠加到页面中，该白色水印信息仅能对页面中颜色值在0-155之间的背景区域产生影响，对页面中其它颜色值的背景区域无法产生影响。其中，该处所指影响可以理解为水印信息能够改变所叠加到的背景区域的颜色值。因此，只有黑色水印信息和白色水印信息同时存在，才能够覆盖页面中0-255所有颜色值的情况。也就是说，当需要向目标页面中写入隐藏式水印信息时，需要同时向目标页面中添加黑色水印信息和白色水印信息。其中，目标页面为待保护的页面。
22.在向目标页面中添加黑色水印信息和白色水印信息之后，修改目标页面中的黑色水印信息和白色水印信息的透明度值，以使黑色水印信息和白色水印信息隐藏在目标页面中。具体的，可以按照目标透明度值对目标页面中的黑色水印信息和白色水印信息的透明度进行修改。其中，目标透明度值可以经过预先计算得到，该目标透明度值能够使得黑色水印信息和白色水印信息改变目标页面中的背景区域的颜色值，从而使得处理后的目标页面与处理前的目标页面之间的页面颜色变化值满足第一预设阈值。其中，第一预设阈值能够使得用户的肉眼无法感知目标页面颜色值的变化，也即上述页面颜色变化值肉眼不可见。例如，在目标页面的颜色值变化量为1或者为-1时，用户的肉眼无法感知该目标页面的变化。
23.作为一种可选地实施方式，上述目标透明度值可以通过下述方式得到：根据所述目标页面中的水印颜色值、背景颜色值以及页面颜色变化值，确定所述目标透明度值。
24.具体的，水印颜色值是指添加在目标页面中的水印信息的颜色值，比如，黑色水印信息的水印颜色值为0，如rgb(0,0,0)，白色水印信息的水印颜色值为255，如rgb(255,255,255)。背景颜色值是指目标页面中的背景的颜色值。页面颜色变化值用于表征页面之间的颜色变化，且该页面颜色变化值满足第一预设阈值，即页面颜色变化肉眼不可见，例如，通常，该页面颜色变化值为1或者-1时，页面的颜色变化肉眼不可见。
25.这样，可以基于向目标页面中添加的水印信息的水印颜色值、目标页面中的背景的背景颜色值以及所需求的页面颜色变化值，来反推设置多大的目标透明度值，可以使得目标页面的页面颜色变化值满足肉眼不可见的要求。
26.经过上述过程计算，当目标透明度值为0.005时，可以使得水印信息添加到目标页面后，能够对目标页面的颜色值带来变化，但是，目标页面的页面颜色变化值满足肉眼不可见的要求。也就是说，将目标页面中添加的黑色水印信息和白色水印信息的透明度值修改
为0.005，即可将该两种水印信息隐藏在目标页面中。虽然，该两种水印信息肉眼无法感知，但是在目标页面泄露之后，可通过相应的检测手段检测出这两种水印信息。
27.可选地，还可以对目标页面中的与点击事件关联的属性信息进行设置。可选地，与点击事件关联的属性信息可以包括pointer-events及user-select，即对目标页面中的pointer-events以及user-select属性进行设置。
28.其中，pointer-events属性是一个指针属性，是用于控制在什么条件下特定的图形元素可以成为指针事件的目标。在本实施例中，将目标页面中的pointer-events属性设置为none，即在页面元素上禁用指针事件，此时该元素将不响应指针事件，防止页面点击事件的阻断。
29.user-select属性用于设置或检索是否允许用户选中文本。在本实施例中，将目标页面中的user-select属性设置为none，防止用户误双击后将水印信息选中显示。
30.本技术实施例提供的页面保护方法，生成至少两种水印信息，至少两种水印信息包括字体为黑色的水印信息和字体为白色的水印信息，将至少两种水印信息添加到目标页面中，根据目标透明度值对目标页面中的至少两种水印信息进行处理，以使处理后的目标页面与处理前的目标页面之间的页面颜色变化值满足第一预设阈值。通过在目标页面中添加黑色水印信息和白色水印信息，能够对目标页面中的所有区域产生影响，并通过修改目标页面中黑色水印信息和白色水印信息的透明度值，实现了向目标页面中写入隐藏式水印信息的目的，无需额外插入背景图片，简化了水印添加过程，且提高了页面保护效果。
31.在一些场景下，需要对目标页面中的隐式水印信息进行显示。例如，当目标页面泄露之后，需要追源溯流定位相应的用户，此时需要显示目标页面中的隐式水印信息。为此，在上述实施例的基础上，可选地，可以通过下述方式显示目标页面中的隐式水印信息，如图2所示，该显示方式可以包括：s201、对所述目标页面的页面截图进行解析，得到所述页面截图中所有像素点的颜色值。
32.对目标页面的页面截图/页面图片进行解析，遍历页面截图/页面图片中的每个像素点，得到所有像素点的颜色值。
33.s202、确定各颜色值的出现次数，并将各颜色值与出现次数进行关联得到目标数据集。
34.其中，对得到的所有颜色值进行去重处理，以确定各颜色值的出现次数，并将各颜色值与出现次数进行关联，得到包含关于颜色值与出现次数之间映射关系的目标数据集。
35.s203、根据所述目标数据集中各颜色值之间的比较结果以及各颜色值的出现次数，从所述目标数据集中确定满足预设条件的目标颜色值。
36.将目标数据集中的各颜色值的大小以及出现次数进行比较，基于目标数据集中各颜色值之间的比较结果以及各颜色值的出现次数，从目标数据集中筛选出满足预设条件的目标颜色值。
37.可选地，目标颜色值的确定过程可以为：遍历目标数据集中的各颜色值，若两个颜色值之间的差值满足第一预设阈值，且两个颜色值的出现次数之间的差异满足第二预设阈值，则将两个颜色值中出现次数较少的颜色值确定为目标颜色值。
38.可选地，第一预设阈值可以为1、-1、2以及-2中的至少一种。
39.具体的，可以结合实际显示屏的类型对第一预设阈值进行设置。例如，对于8bit色深的显示屏，可以设置第一预设阈值为1和/或-1。对于10bit、12bit色深的显示屏，由于在目标页面处理过程中可能会出现处理后的目标页面的颜色值包含小数的情况，经过四舍五入后得到的整数值可能会使得处理后的目标页面与处理前的目标页面之间的页面颜色变化值差异为2或-2，且该差异用户的肉眼也是不可见的，因此，对于10bit、12bit色深的显示屏，可以设置第一预设阈值为2和/或-2。
40.考虑到水印信息仅覆盖在目标页面中的局部区域，水印信息所在的位置才会有颜色值的变化，目标页面中未覆盖水印信息的位置没有颜色值的变化，因此，这部分有变化的颜色值相对于目标页面中未覆盖水印信息的其它区域中的颜色值来说，出现次数会偏少，因此，在对目标数据集中的两个颜色值进行比较时，如果这两个颜色值之间的差值为1、-1、2或者-2，且一个颜色值的出现次数远远大于另一个颜色值的出现次数，即这两个颜色值的出现次数间的差异满足第二预设阈值，则可以将这两个颜色值中出现次数较少的颜色值确定为目标颜色值。
41.需要说明的是，在比较过程中，需要对这两个颜色值的各通道均进行比较，即两个颜色值的red通道、green通道以及blue通道相差均需要满足第一预设阈值，且这两个颜色值的出现次数之间的差异满足第二预设阈值，才可以将这两个颜色值中出现次数较少的颜色值确定为目标颜色值。
42.s204、遍历所述页面截图中的各像素点，将所述页面截图中颜色值为目标颜色值的像素点确定为目标像素点。
43.再次遍历页面截图中的各像素点，基于目标颜色值对所有像素点进行筛选，找出目标像素点。其中，目标像素点可以认为是水印信息像素点的所在位置。具体的，可以将各像素点中颜色值为目标颜色值的像素点确定为目标像素点。
44.s205、根据所述页面截图的尺寸创建目标画布，将所述目标画布中目标像素点的灰度值调整为第一灰度值，将除所述目标像素点以外的其它像素点的灰度值调整为第二灰度值，从而显示所述目标页面中的水印信息。
45.其中，该目标画布的尺寸大于或等于页面截图的尺寸。由于目标像素点极大可能为水印信息所在的位置，因此，可以将目标画布中目标像素点的灰度值调整为第一灰度值，将除目标像素点以外的其它像素点的灰度值调整为第二灰度值，即在目标画布中重新绘制目标页面中的水印信息，以将目标页面中的隐式水印信息显示出来。
46.可选地，目标画布可以为全白画布，也可以为全黑画布。如果目标画布为全白画布，则可以将目标画布中目标像素点的灰度值调整为黑色，将除目标像素点以外的其它像素点的灰度值调整为白色，从而将目标页面中的隐式水印信息显示出来。
47.如果目标画布为全黑画布，则可以将目标画布中目标像素点的灰度值调整为白色，将除目标像素点以外的其它像素点的灰度值调整为黑色，从而将目标页面中的隐式水印信息显示出来。
48.目标页面中隐式水印信息的显示原理：由于上述s103中将水印信息隐藏于目标页面中，会使目标页面的颜色值发生1、-1、2、或-2的改变量（例如，黑色水印信息使目标页面中的浅色背景的颜色值改变-1，白色水印信息使目标页面中的深色背景的颜色值改变1）。然而，一个前端页面中极少会有同一区域中的邻近色值相差仅为1的情况出现，因此在s203
中找到的这些目标颜色值，极大可能是因水印信息覆盖产生的页面颜色值的微小变化，也就是说，这些目标颜色值所在的像素点即有可能为水印信息所在的位置，将这些目标像素点在目标画布中重新单独绘制，从而将隐藏的水印信息显现出来。
49.在本实施例中，可以对目标页面的页面截图进行解析，得到页面截图中所有像素点的颜色值，确定各颜色值的出现次数，并将各颜色值与出现次数进行关联得到目标数据集，根据目标数据集中各颜色值之间的比较结果以及各颜色值的出现次数，从目标数据集中确定目标颜色值，遍历页面截图中的各像素点，将页面截图中颜色值为目标颜色值的像素点确定为目标像素点，新建一目标画布，将这些目标像素点在目标画布中重新单独绘制，从而实现显示目标页面中的隐式水印信息的目的，进而可定位到泄露页面信息的用户，在一定程度上有效防止页面信息的泄露，提高了页面保护效果。
50.在一个实施例中，由于xx平台中页面数据的访问都是有权限管控的，有的页面可能仅有管理员权限可以看到，因此，比如为了防止页面数据的外传，或者为了数据泄漏后的源头追踪，可以按照上述实施例中s101-s103所述的过程向该xx平台的每个页面写入隐式水印信息。图3为写入了隐式水印信息的xx平台的页面截图。
51.接着，在需要对xx平台的页面截图中的隐式水印信息进行显示的场景下，按照上述实施例中s201-s205所述的过程对图3所示的页面截图进行处理，可以得到如图4所示的水印信息（如图4中显示的水印信息“杨老师、测试5小学”），从而实现页面中隐式水印信息的显示。
52.图5为本技术实施例提供的页面保护装置的一种结构示意图。如图5所示，该装置可以包括：生成模块501、添加模块502和处理模块503。
53.具体的，生成模块501用于生成至少两种水印信息；其中，所述至少两种水印信息包括字体为黑色的水印信息和字体为白色的水印信息；添加模块502用于将所述至少两种水印信息添加到目标页面中；处理模块503用于根据目标透明度值对所述目标页面中的至少两种水印信息进行处理，以使处理后的目标页面与处理前的目标页面之间的页面颜色变化值满足第一预设阈值。
54.本技术实施例提供的页面保护装置，生成至少两种水印信息，至少两种水印信息包括字体为黑色的水印信息和字体为白色的水印信息，将至少两种水印信息添加到目标页面中，根据目标透明度值对目标页面中的至少两种水印信息进行处理，以使处理后的目标页面与处理前的目标页面之间的页面颜色变化值满足第一预设阈值。通过在目标页面中添加黑色水印信息和白色水印信息，能够对目标页面中的所有区域产生影响，并通过修改目标页面中黑色水印信息和白色水印信息的透明度值，实现了向目标页面中写入隐藏式水印信息的目的，无需额外插入背景图片，简化了水印添加过程，且提高了页面保护效果。
55.在上述实施例的基础上，可选地，该装置还可以包括：第一确定模块。
56.具体的，第一确定模块用于在处理模块503根据目标透明度值对所述目标页面中的至少两种水印信息进行处理之前，根据所述目标页面中的水印颜色值、背景颜色值以及所述页面颜色变化值，确定所述目标透明度值。
57.在上述实施例的基础上，可选地，该装置还包括：设置模块。
58.具体的，设置模块用于对所述目标页面中的与点击事件关联的属性信息进行设
置。
59.在上述实施例的基础上，可选地，该装置还包括：解析模块、关联模块、第二确定模块、第三确定模块和绘制模块。
60.具体的，解析模块用于对所述目标页面的页面截图进行解析，得到所述页面截图中所有像素点的颜色值；关联模块用于确定各颜色值的出现次数，并将各颜色值与出现次数进行关联得到目标数据集；第二确定模块用于根据所述目标数据集中各颜色值之间的比较结果以及各颜色值的出现次数，从所述目标数据集中确定目标颜色值；第三确定模块用于遍历所述页面截图中的各像素点，将所述页面截图中颜色值为目标颜色值的像素点确定为目标像素点；绘制模块用于根据所述页面截图的尺寸创建目标画布，将所述目标画布中目标像素点的灰度值调整为第一灰度值，将除所述目标像素点以外的其它像素点的灰度值调整为第二灰度值，从而显示所述目标页面中的水印信息。
61.在上述实施例的基础上，可选地，第二确定模块具体用于遍历所述目标数据集中的各颜色值，若两个颜色值之间的差值满足第一预设阈值，且所述两个颜色值的出现次数之间的差异满足第二预设阈值，则将所述两个颜色值中出现次数较少的颜色值确定为目标颜色值。
62.可选地，所述第一预设阈值为1、-1、2以及-2中的至少一种。
63.在上述实施例的基础上，可选地，生成模块501具体用于获取目标对象的标识信息；根据所述标识信息生成至少两种水印信息。
64.在一个实施例中，还提供了一种页面保护设备，如图6所示，该页面保护设备可以包括处理器601、存储器602、输入装置603和输出装置604；页面保护设备中处理器601的数量可以是一个或多个，图6中以一个处理器601为例；页面保护设备中的处理器601、存储器602、输入装置603和输出装置604可以通过总线或其他方式连接，图6中以通过总线连接为例。
65.存储器602作为一种计算机可读存储介质，可用于存储软件程序、计算机可执行程序以及模块，如本技术实施例中的页面保护方法对应的程序指令/模块（例如，页面保护装置中的生成模块501、添加模块502和处理模块503）。处理器601通过运行存储在存储器602中的软件程序、指令以及模块，从而执行页面保护设备的各种功能应用以及数据处理，即实现上述的页面保护方法。
66.存储器602可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需的应用程序；存储数据区可存储根据页面保护设备的使用所创建的数据等。此外，存储器602可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件、闪存器件、或其他非易失性固态存储器件。在一些实例中，存储器602可进一步包括相对于处理器601远程设置的存储器，这些远程存储器可以通过网络连接至设备/终端/服务器。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。
67.输入装置603可用于接收输入的数字或字符信息，以及产生与页面保护设备的用
户设置以及功能控制有关的键信号输入。输出装置604可包括显示屏等显示设备。
68.本技术实施例还提供一种包含计算机可执行指令的存储介质，所述计算机可执行指令在由计算机处理器执行时用于执行一种页面保护方法，该方法包括：生成至少两种水印信息；其中，所述至少两种水印信息包括字体为黑色的水印信息和字体为白色的水印信息；将所述至少两种水印信息添加到目标页面中；根据目标透明度值对所述目标页面中的至少两种水印信息进行处理，以使处理后的目标页面与处理前的目标页面之间的页面颜色变化值满足第一预设阈值。
69.当然，本技术实施例所提供的一种包含计算机可执行指令的存储介质，其计算机可执行指令不限于如上所述的方法操作，还可以执行本技术任意实施例所提供的页面保护方法中的相关操作。
70.通过以上关于实施方式的描述，所属领域的技术人员可以清楚地了解到，本技术可借助软件及必需的通用硬件来实现，当然也可以通过硬件实现，但很多情况下前者是更佳的实施方式。基于这样的理解，本技术的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品可以存储在计算机可读存储介质中，如计算机的软盘、只读存储器（read-only memory，rom）、随机存取存储器（random access memory，ram）、闪存（flash）、硬盘或光盘等，包括若干指令用以使得一台计算机设备（可以是个人计算机，服务器，或者网络设备等）执行本技术各个实施例所述的方法。
71.值得注意的是，上述搜索装置的实施例中，所包括的各个单元和模块只是按照功能逻辑进行划分的，但并不局限于上述的划分，只要能够实现相应的功能即可；另外，各功能单元的具体名称也只是为了便于相互区分，并不用于限制本技术的保护范围。
72.注意，上述仅为本技术的较佳实施例及所运用技术原理。本领域技术人员会理解，本技术不限于这里所述的特定实施例，对本领域技术人员来说能够进行各种明显的变化、重新调整和替代而不会脱离本技术的保护范围。因此，虽然通过以上实施例对本技术进行了较为详细的说明，但是本技术不仅仅限于以上实施例，在不脱离本技术构思的情况下，还可以包括更多其他等效实施例，而本技术的范围由所附的权利要求范围决定。