CN114612279A - 一种水印添加方法和装置 - Google Patents

Abstract

本申请公开了一种水印添加方法和装置，所述方法包括接收服务器发送的目标页面的页面样式文件，页面样式文件包括目标元素的水印对象，且页面样式文件是预先在目标页面的初始样式文件中对目标元素进行水印对象配置得到的；对页面样式文件进行数据解析，得到目标样式数据，提取水印文件需求信息；向服务器发送携带有水印文件需求信息的文件调用请求，以使服务器基于水印文件需求信息从水印文件库中确定目标水印文件；接收服务器发送的目标水印文件；基于目标水印文件和目标样式数据中的水印对象数据，对目标页面中的目标元素进行水印添加。利用本申请提供的技术方案使得水印加载过程简单高效，有利于提升页面性能，提升水印可靠性。

Description

一种水印添加方法和装置

技术领域

本申请涉及数据处理领域，具体涉及一种水印添加方法和装置。

背景技术

水印是一种重要的数字信息保护手段，现有技术中的水印添加主要分为对需要保护的数据添加可见的水印，以及对需要保护的数据添加隐蔽的水印两种；通过为需要保护的数据添加可见的水印能够起到警示的作用，且能够防止截图传播，防止信息泄露；通过对需要保护的数据添加隐蔽的水印(例如透明水印、隐形水印)，可以在不破坏原数据的欣赏价值和使用价值的同时对数据进行保护。

现有技术在进行页面的水印添加时，往往是利用Canvas(画布)技术，在页面加载时需首先在网页上创建一个画布，然后，将水印信息绘制到创建的画布上，最后，调用相应对象来导出指定格式的图片的数据作为网页背景图，平铺展示。加载过程较为复杂，资源占用较高且页面性能开销大，导致加载效率低，且利用相关调试工具很容易的看到Canvas生成的水印图片及数据，进而可以对水印信息进行修改或删除，隐蔽性较差，且兼容性较差，因此，需要提供更加高效可靠的方案。

发明内容

为了解决现有技术的问题，本申请提供了一种水印添加方法和装置。所述技术方案如下：

本申请一方面提供了一种水印添加方法，所述方法包括：

接收服务器发送的目标页面的页面样式文件，所述页面样式文件包括所述目标页面中的目标元素的水印对象，且所述页面样式文件是预先基于水印配置信息，在所述目标页面的初始样式文件中对所述目标元素进行水印对象配置得到的；

对所述页面样式文件进行数据解析，得到目标样式数据；

从所述目标样式数据中提取水印文件需求信息；

向所述服务器发送文件调用请求，所述文件调用请求携带有所述水印文件需求信息，以使所述服务器基于所述水印文件需求信息从水印文件库中确定目标水印文件；

接收所述服务器发送的所述目标水印文件；

基于所述目标水印文件和所述目标样式数据中的水印对象数据，对所述目标页面中的目标元素进行水印添加。

本申请一方面提供了另一种水印添加方法，所述方法包括：

向客户端发送目标页面的页面样式文件，以使所述客户端对所述页面样式文件进行数据解析，得到目标样式数据，以及从所述目标样式数据中提取水印文件需求信息；其中，所述页面样式文件包括所述目标页面中的目标元素的水印对象，且所述页面样式文件是预先基于水印配置信息，在所述目标页面的初始样式文件中对所述目标元素进行水印对象配置得到的；

接收所述客户端发送的文件调用请求，所述文件调用请求携带有所述水印文件需求信息；

基于所述水印文件需求信息从水印文件库中确定目标水印文件；

向所述客户端发送所述目标水印文件，以使所述客户端基于所述目标水印文件和所述目标样式数据中的水印对象数据，对所述目标页面中的目标元素进行水印添加。

本申请另一方面提供了一种水印添加装置，所述装置包括：

样式文件接收模块，用于接收服务器发送的目标页面的页面样式文件，所述页面样式文件包括所述目标页面中的目标元素的水印对象，且所述页面样式文件是预先基于水印配置信息，在所述目标页面的初始样式文件中对所述目标元素进行水印对象配置得到的；

数据解析模块，用于对所述页面样式文件进行数据解析，得到目标样式数据；

需求信息提取模块，用于从所述目标样式数据中提取水印文件需求信息；

调用请求发送模块，用于向所述服务器发送文件调用请求，所述文件调用请求携带有所述水印文件需求信息，以使所述服务器基于所述水印文件需求信息从水印文件库中确定目标水印文件；

水印文件接收模块，用于接收所述服务器发送的所述目标水印文件；

水印添加模块，用于基于所述目标水印文件和所述目标样式数据中的水印对象数据，对所述目标页面中的目标元素进行水印添加。

本申请另一方面提供了另一种水印添加装置，所述装置包括：

样式文件发送模块，用于向客户端发送目标页面的页面样式文件，以使所述客户端对所述页面样式文件进行数据解析，得到目标样式数据，以及从所述目标样式数据中提取水印文件需求信息；其中，所述页面样式文件包括所述目标页面中的目标元素的水印对象，且所述页面样式文件是预先基于水印配置信息，在所述目标页面的初始样式文件中对所述目标元素进行水印对象配置得到的；

调用请求接收模块，用于接收所述客户端发送的文件调用请求，所述文件调用请求携带有所述水印文件需求信息；

水印文件确定模块，用于基于所述水印文件需求信息从水印文件库中确定目标水印文件；

水印文件发送模块，用于向所述客户端发送所述目标水印文件，以使所述客户端基于所述目标水印文件和所述目标样式数据中的水印对象数据，对所述目标页面中的目标元素进行水印添加。

本申请提供的水印添加方法和装置，具有如下技术效果：

本申请利用预先基于水印配置信息，在目标页面的初始样式文件中对目标元素进行水印对象配置后得到的页面样式文件以及目标水印文件，对目标页面中的目标元素进行水印添加，加载过程简单高效，有利于降低页面的性能开销，且水印对象存储于页面样式文件中，隐蔽性强，有利于提升水印的可靠性。

本申请的附加方面和优点将在下面的描述中部分给出，部分将从下面的描述中变得明显，或通过本申请的实践了解到。

附图说明

为了更清楚地说明本申请实施例或现有技术中的技术方案和优点，下面将对实施例或现有技术描述中所需要使用的附图作简单的介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其它附图。

图1是本申请实施例提供的一种应用环境的示意图；

图2是本申请实施例提供的一种水印添加方法的流程示意图；

图3是本申请实施例提供的另一种水印添加方法的流程示意图；

图4是本申请实施例提供的另一种水印添加方法的流程示意图；

图5是本申请实施例提供的另一种水印添加方法的流程示意图；

图6是本申请实施例提供的一种配置好水印对象的页面示意图；

图7是本申请实施例提供的一种水印添加装置示意图；

图8是本申请实施例提供的另一种水印添加装置示意图；

图9是本申请实施例提供的一种用于实现水印添加方法的服务器的硬件结构框图。

具体实施方式

下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例，都属于本申请保护的范围。所述实施例的示例在附图中示出，其中自始至终相同或类似的标号表示相同或类似的元件或具有相同或类似功能的元件。

需要说明的是，本申请的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本申请的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或服务器不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。

请参阅图1，图1是本申请提供的一种应用环境示意图，如图1所示，该应用环境可以包括客户端01和服务器02。

在本说明书实施例中，客户端01可以用于进行包含水印的页面的加载，从而对包含目标元素的水印信息的目标页面进行显示；具体地，客户端01可以对目标页面的页面样式文件进行数据解析，以及向服务器02发送文件调用请求以获取目标水印文件，再基于解析后的数据和目标水印文件实现对上述目标页面中的目标元素的水印添加。可选的，客户端01可以包括智能手机、平板电脑、笔记本电脑、台式计算机、数字助理、智能音箱、智能可穿戴设备、车载终端、服务器等类型的实体设备，也可以包括运行于实体设备中的软体，例如应用程序等，但并不局限于此。

在本说明书实施例中，服务器02可以用于向客户端01发送目标页面的页面样式文件，以及基于客户端01发送的文件调用请求中携带的水印文件需求信息从水印文件库中确定目标水印文件，并发送至客户端，以配合客户端01实现包含水印的页面加载及显示；在一些实施例中，服务器02还可以用于预先基于水印配置信息，在目标页面的初始样式文件中对目标元素进行水印对象配置，得到上述目标页面的页面样式文件。可选的，服务器02可以是独立的物理服务器，也可以是多个物理服务器构成的服务器集群或者分布式系统，还可以是提供云服务、云数据库、云计算、云函数、云存储、网络服务、云通信、中间件服务、域名服务、安全服务、CDN(Content Delivery Network内容分发网络)、以及大数据和人工智能平台等基础云计算服务的云服务器。

在实际应用中，服务器02可以向客户端01发送目标页面的页面样式文件，该页面样式文件可以包括该目标页面中的目标元素的水印对象，且该页面样式文件可以是服务器02预先基于水印配置信息，在该目标页面的初始样式文件中对上述的目标元素进行水印对象配置得到的；然后，客户端01对该页面样式文件进行数据解析，得到目标样式数据，以及从上述目标样式数据中提取水印文件需求信息；接着，客户端01可以向服务器02发送文件调用请求，该文件调用请求携带有上述水印文件需求信息，服务器02可以基于上述水印文件需求信息从水印文件库中确定目标水印文件并发送给客户端01，从而客户端01可以基于该目标水印文件和上述的目标样式数据中的水印对象数据，对该目标页面中的目标元素进行水印添加，进而可以显示包含目标元素的水印信息的目标页面。

在本说明书实施例中，上述的客户端01以及服务器02可以通过有线或无线通信方式进行直接或间接地连接，本申请在此不做限制。

此外，需要说明的是，图1仅仅是本申请实施例提供的一种应用环境的示意图，本申请并不以此为限。

图2是本申请实施例提供的一种水印添加方法的流程图，本说明书提供了如实施例或流程图所述的方法操作步骤，但基于常规或者无创造性的劳动可以包括更多或者更少的操作步骤。实施例中列举的步骤顺序仅仅为众多步骤执行顺序中的一种方式，不代表唯一的执行顺序。在实际中的系统或服务器产品执行时，可以按照实施例或者附图所示的方法顺序执行或者并行执行(例如并行处理器或者多线程处理的环境)。具体的如图2所示，所述方法可以包括：

S201：服务器向客户端发送目标页面的页面样式文件。

在本说明书实施例中，上述的目标页面可以包括待加载的网页页面，一个页面可以包括多个元素，元素可以包括但不限于页面中的表格、文本、图像等类型的数据，也可以是整个页面；在实际应用中，一个页面的页面样式文件可以包括网页的CSS样式文件(Cascading Style Sheets层叠样式表)，具体的，页面样式文件可以包括页面中各元素的样式信息，例如，元素的颜色、布局信息等；在本说明书实施例中，该页面样式文件可以包括该目标页面中的目标元素的水印对象，且该页面样式文件可以是预先基于水印配置信息，在该目标页面的初始样式文件中对该目标元素进行水印对象配置得到的。

在本说明书实施例中，在服务器向客户端发送目标页面的页面样式文件之前，上述方法还可以包括：

1)响应于该目标页面的页面加载指令，客户端向服务器发送页面加载请求；

具体地，上述的页面加载指令可以为检测到用户点击目标页面时发出的，上述的页面加载请求可以携带有样式文件需求信息(例如CSS样式文件的路径信息)。

在实际的页面加载过程中，当检测到用户点击目标页面时，可以开始对目标页面的html文件进行解析，当遇到CSS样式文件时，则客户端可以向服务器发送请求以获取需要的页面样式文件，进而能够对页面样式文件进行数据解析，实现页面渲染及显示。

2)服务器基于该样式文件需求信息，确定该目标页面的页面样式文件。

请参照图3，在本说明书实施例中，由于该页面样式文件可以是服务器预先基于水印配置信息，在该目标页面的初始样式文件中对该目标元素进行水印对象配置得到的，上述方法还可以包括：

S301：服务器获取水印配置信息和该目标页面的初始样式文件。

在一个实施例中，上述的水印配置信息可以包括页面的UI设计信息(UserInterface Design)，具体可以包括目标页面中需要配置水印对象的元素，以及每个水印对象的样式信息；该目标页面的初始样式文件可以包括该目标页面不包含水印信息的样式文件，或已经添加了部分水印信息，需要根据水印配置信息进行水印信息增加或更新的样式文件，在实际应用中，可以在目标页面的初始样式文件的生成同时进行水印对象的配置，也可以在初始样式文件生成后按需在其中对目标元素进行水印对象的配置，本申请并不以此为限，能够灵活方便地进行水印对象的配置。

S303：服务器基于上述的水印配置信息从水印文件库中确定目标水印文件。

在本说明书实施例中，上述的水印配置信息可以包括水印文件信息(例如需要用到的水印文件的路径，或该水印文件的文件名等)，基于该水印文件信息可以从水印文件库中确定目标水印文件。

在本说明书实施例中，一个水印文件可以包括至少一个水印数据，每个水印数据可以包括水印标识和对应的水印图形信息；具体地，上述水印文件库中的各水印文件可以为字体文件，每个字体文件中可以包括至少一个水印数据，在一个实施例中，上述水印数据的水印标识可以为unicode码或字符；后续在利用水印数据对目标页面中的目标元素进行水印对象配置时，可以利用水印标识进行水印对象的内容配置，无需直接引入图形数据或文字数据，在有利于提升使用过程中的页面加载效率的同时能够提升隐蔽性，无法通过页面调试工具轻易获取水印图形信息而对水印数据进行删除修改，从而有利于提升水印添加的可靠性，提升需要保护的页面数据的安全性。在本说明书实施例中，当上述的水印文件为字体文件时，上述的水印文件库可以包括存储于服务器的字体文件库，该字体文件库中存储有多个字体文件。

S305：服务器基于上述的水印配置信息和该目标水印文件，在该初始样式文件中对该目标页面中的目标元素进行水印对象配置，得到该目标页面的页面样式文件。

在本说明书实施例中，该目标水印文件可以包括至少一个水印数据，请参照图4，上述的基于上述的水印配置信息和该目标水印文件，在该初始样式文件中对该目标页面中的目标元素进行水印对象配置，得到该目标页面的页面样式文件可以包括：

S401：服务器基于上述的水印配置信息从该目标水印文件中确定目标水印数据。

由于在本说明书实施例中，可以基于上述的水印配置信息，从该目标水印文件中确定出需要的水印数据作为目标水印数据，目标水印数据可以包括一个或多个水印数据，且各水印数据可以在水印对象配置时重复利用，本申请并不以此为限。

通过基于上述的水印配置信息从该目标水印文件中确定目标水印数据，可以灵活选取需要的水印数据，提升水印生成的灵活性和多样性。

S403：服务器基于该目标水印数据，在上述的初始样式文件中为该目标页面中的目标元素创建初始水印对象。

在本说明书实施例中，上述的初始水印对象可以包括伪对象，在一个具体的实施例中，该伪对象可以包括before伪对象。

请参照图5，在本说明书实施例中，由于每个水印数据包括水印标识和对应的水印图形信息，上述的基于该目标水印数据，在上述的初始样式文件中为该目标页面中的目标元素创建初始水印对象包括：

S501：服务器从该目标水印数据中提取目标水印标识；

S503：服务器基于上述的目标水印标识为该目标页面中的目标元素创建初始水印对象。

在本说明书实施例中，每个水印数据包括水印标识和对应的水印图形信息，可以利用上述的目标水印标识对初始水印对象进行内容属性的配置，完成上述初始水印对象的创建。例如，水印数据1包括水印标识“A”和对应的水印图形“zhangsan”，水印数据2包括水印标识“B”和对应的水印图形“wangwu”，若此时需要利用3个水印数据1和3个水印数据2对目标元素(例如页面中的一个数据表)创建初始水印对象，则可以配置该初始水印对象的内容属性为“A A A B B B”，可以按照内容属性中各标识的顺序进行水印图形的排版。

通过从该目标水印数据中提取目标水印标识，进而基于上述的目标水印标识为该目标页面中的目标元素创建初始水印对象，有利于灵活便捷地实现水印对象配置，无需直接引入图形数据或文字数据，在有利于提升使用过程中的页面加载效率的同时能够提升隐蔽性，在页面渲染时会将水印标识替换为对应的水印图形，但无法通过页面调试工具轻易获取水印图形信息而对水印数据进行删除修改，仅可看到水印标识信息，从而有利于提升水印添加的可靠性，提升需要保护的页面数据的安全性。

在本说明书实施例中，上述的基于上述的水印配置信息和该目标水印文件，在该初始样式文件中对该目标页面中的目标元素进行水印对象配置，得到该目标页面的页面样式文件还可以包括：

在该初始样式文件中配置该目标水印文件的位置信息。

具体地，上述的位置信息可以包括该目标水印文件的url(uniform resourcelocator统一资源定位器)。通过在该初始样式文件中配置该目标水印文件的位置信息，可以在后续页面加载时进行信息提取，以从服务器调用目标水印文件进行数据渲染。

在一个实施例中，当上述的水印文件为字体文件时，在基于该目标水印数据，在上述的初始样式文件中为该目标页面中的目标元素创建初始水印对象之前，上述方法还可以包括：

从上述的目标水印文件中提取字体名称和位置信息，基于上述的字体名称和位置信息在上述的初始样式文件中创建目标自定义字体。

此时基于该目标水印数据，在上述的初始样式文件中为该目标页面中的目标元素创建初始水印对象还可以包括：

提取上述目标自定义字体的字体名称，基于该字体名称进行初始水印对象中的字体属性配置。

在本说明书实施例中，上述目标自定义字体的字体名称与从上述目标水印文件中提取的字体名称一致，通过利用目标水印文件创建目标自定义字体，并基于该字体名称进行初始水印对象中的字体属性配置，进而后续能够直接利用字体文件中的水印数据为该目标页面中的目标元素创建初始水印对象，字体文件加载速度快，通过利用字体文件进行水印对象配置，有利于提升网页性能，提升使用中页面加载的效率。

S405：服务器获取该目标元素的位置信息，基于该位置信息对该初始水印对象进行布局信息配置。

在本说明书实施例中，为了实现水印效果，需要获取该目标元素的位置信息，基于该位置信息对所述初始水印对象进行布局信息配置，以使该初始水印对象定位在该目标元素的上方并覆盖该目标元素；上述的位置信息可以包括但不限于该目标元素的中心点坐标、该目标元素的边界位置。

通过获取该目标元素的位置信息，基于该位置信息对所述初始水印对象进行布局信息配置，能够合理准确地为目标元素进行水印对象配置，提升水印对象定位的准确性，且在样式更新时可以灵活地进行适应调整。

S407：服务器基于上述的水印配置信息对该初始水印对象进行样式属性信息配置，得到该目标页面的页面样式文件。

在本说明书实施例中：上述的服务器基于上述的水印配置信息对该初始水印对象进行样式属性信息配置可以包括但不限于下述1)～5)中的至少任一：

1)服务器基于上述的水印配置信息中的水印大小信息，对该初始水印对象配置水印大小信息。

在上述的实施例中，已经配置了该初始水印对象的内容属性为“A A A B B B”，相当于一个由6个水印图形组成的初始水印对象，基于上述的水印配置信息中的水印属性信息(大小、间距、透明度、颜色、操作需求等)，可以对该初始水印对象进行样式属性信息配置。

2)服务器基于上述的水印配置信息中的水印间距信息，对该初始水印对象配置水印间距信息。

3)服务器基于上述的水印配置信息中的水印透明度信息，对该初始水印对象配置水印透明度信息。

4)服务器基于上述的水印配置信息中的水印颜色信息，对该初始水印对象配置水印颜色信息。

5)服务器基于上述的水印配置信息中的操作需求信息，将该初始水印对象的穿透属性设置为可穿透。

在一些实施例中，由于上述的初始水印对象位于目标元素的上层，主要起警示或信息安全保护的作用，为了不影响用户对下层数据(例如目标元素本身)的相关操作，可以该初始水印对象的穿透属性设置为可穿透，在一个具体的实施例中，可以通过设置pointer-events属性的值为“none”，来实现“可穿透”。

通过基于该位置信息对该初始水印对象进行布局信息配置，以及基于上述的水印配置信息对该初始水印对象进行样式属性信息配置，完成目标元素的水印对象配置，相当于对目标页面的初始样式文件进行了更新，得到该目标页面的页面样式文件，此时的页面样式文件包括生成好的水印信息，有利于灵活高效地实现多样化的水印配置。

在一个具体的实施例中，此时目标页面为一个查询结果展示的页面，页面中包括元素“查询结果”这个标题以及下方的数据表格，此时将数据表格作为需要配置水印对象的目标元素，上述已经利用6个水印标识配置了这个数据表格的初始水印对象的内容属性为“A A A B B B”，水印标识“A”对应的水印图形为“zhangsan”，水印标识“B”对应的水印图形为“wangwu”，且进行了布局信息及样式属性信息的配置，客户端对该页面样式文件进行数据解析，实现了对该数据表格的水印添加显示的结果可以参见图6，表格中具体的数据值未做展示，用“xxx”代替。

在本说明书实施例中，服务器可以预先生成多个水印文件并存储于水印文件库以供水印对象的配置及页面加载时的水印添加，生成一个水印文件的过程可以包括：

1)服务器获取至少一个水印样式需求信息；

2)服务器基于每一水印样式需求信息生成对应的水印数据；

3)服务器基于与上述至少一个水印样式需求信息对应的水印数据生成水印文件。

在一些实施例中，还可以为每个水印数据生成对应的水印标识，以在目标页面的初始样式文件中利用水印标识灵活方便地对目标元素进行水印对象的配置，在生成水印文件后，可将该水印文件存储至水印文件库以供调用。

通过预先生成多个水印文件并存储，后续在进行水印对象的配置及页面加载时的水印添加可以灵活快速地进行水印文件的调用，能够灵活复用，无需重复编写，节省时间和人力资源，且能够结合实际应用中的水印样式需求灵活更新水印文件或水印文件库，提升水印添加的多样性。

S203：客户端对该页面样式文件进行数据解析，得到目标样式数据。

在本说明书实施例中，客户端对该页面样式文件进行数据解析，得到目标样式数据的过程可以理解为浏览器进行页面加载，进行样式文件解析的过程；参照上述页面样式文件的生成过程，由于该页面样式文件是预先基于水印配置信息，在该目标页面的初始样式文件中对该目标元素进行水印对象配置得到的，该页面样式文件为包括了该目标页面中的目标元素的水印对象的样式文件，该水印对象可以理解为目标元素一种样式信息，此时客户端对该页面样式文件进行数据解析后得到的目标样式数据可以包含该目标元素的水印对象数据。

S205：客户端从上述的目标样式数据中提取水印文件需求信息。

在本说明书实施例中，已经预先利用目标水印文件中对应的水印数据，在目标页面的初始样式文件中对该目标页面中的目标元素进行了水印对象配置，得到该目标页面的页面样式文件；在实际应用中，客户端在对生成的页面样式文件进行数据解析，得到目标样式数据中可以包括水印文件需求信息，上述的水印文件需求信息可以包括目标水印文件的位置信息(目标水印文件的url)，进而能够使得服务器从水印文件库中确定出目标水印文件。

S207：客户端向服务器发送文件调用请求。

在本说明书实施例中，该文件调用请求可以携带有上述的水印文件需求信息(目标水印文件的位置信息，例如目标水印文件的url)。

S209：服务器基于上述的水印文件需求信息从上述的水印文件库中确定上述目标水印文件。

通过利用解析得到的目标水印文件的位置信息，可以从上述的水印文件库中快速准确地确定上述目标水印文件，提升水印添加的效率和可靠性。

S211：服务器向客户端发送上述目标水印文件。

S213：客户端基于上述目标水印文件和该目标样式数据中的水印对象数据，对该目标页面中的目标元素进行水印添加。

在本说明书实施例中，上述的水印对象数据为目标元素的水印对象数据，客户端对该页面样式文件进行数据解析后得到的目标样式数据中包含该目标元素的水印对象数据，客户端对该目标页面中的目标元素进行水印添加的过程可以理解为页面渲染的过程；由于在预先基于水印配置信息，在该目标页面的初始样式文件中对该目标元素进行水印对象配置时，利用了目标水印文件中确定的目标水印数据为该目标元素创建初始水印对象，客户端基于上述目标水印文件和该目标样式数据中的水印对象数据，对该目标页面中的目标元素进行水印添加可以包括：客户端提取上述目标水印文件中的目标水印数据，并基于上述目标水印数据和上述的水印对象数据对该目标页面中的目标元素进行水印添加，利用预先对目标元素进行水印对象配置得到的页面样式文件进行页面加载，将水印对象作为一个样式元素，在常规页面样式加载的过程中实现水印添加，过程简单高效，无需进行动态画布创建及绘制导出，降低资源占用，提升网页性能；请参照S501～S503的相关描述，当对该目标元素进行水印对象配置时是通过基于目标水印标识为该目标页面中的目标元素创建初始水印对象，则页面渲染时将水印标识替换为对应的水印图形，但无法通过页面调试工具轻易获取水印图形信息而对水印数据进行删除修改，仅可看到水印标识信息，从而有利于提升水印添加的可靠性，提升需要保护的页面数据的安全性。

在本说明书实施例中，上述的目标样式数据中的水印对象数据可以包括水印标识信息，上述方法还可以包括：

1)客户端响应于目标页面的页面调试指令，生成包括该目标元素对应的水印标识信息的页面调试信息；

具体地，该目标元素对应的水印标识信息可以为在为该目标页面中的目标元素创建初始水印对象时使用的目标水印标识。

2)客户端对上述包括该目标元素对应的水印标识信息的页面调试信息进行显示。

通过预先从目标水印数据中提取目标水印标识，进而基于上述的目标水印标识为该目标页面中的目标元素创建初始水印对象，在客户端响应于目标页面的页面调试指令时，能够生成包括该目标元素对应的水印标识信息的页面调试信息，无需直接引入图形数据或文字数据，有利于提升隐蔽性，在页面渲染时会将水印标识替换为对应的水印图形，但无法通过页面调试工具轻易获取水印图形信息而对水印数据进行删除修改，仅可看到水印标识信息，从而有利于提升水印添加的可靠性，提升需要保护的页面数据的安全性。

由以上本说明书实施例提供的技术方案可见，本说明书实施例通过利用预先基于水印配置信息，在目标页面的初始样式文件中对目标元素进行水印对象配置后得到的页面样式文件，对目标页面中的目标元素进行水印添加，将水印对象作为一个样式元素，在常规页面样式加载的过程中实现水印添加，过程简单高效，无需进行动态画布创建及绘制导出，降低资源占用，提升网页性能；目标水印文件可以为字体文件，加载灵活且速度快；通过从目标水印数据中提取目标水印标识，进而基于上述的目标水印标识为该目标页面中的目标元素创建初始水印对象，有利于灵活便捷地实现水印对象配置，无需直接引入图形数据或文字数据，在有利于提升使用过程中的页面加载效率的同时能够提升隐蔽性，在页面渲染时会将水印标识替换为对应的水印图形，但无法通过页面调试工具轻易获取水印图形信息而对水印数据进行删除修改，仅可看到水印标识信息，从而有利于提升水印添加的可靠性，提升需要保护的页面数据的安全性；通过基于该位置信息对该初始水印对象进行布局信息配置，以及基于上述的水印配置信息对该初始水印对象进行样式属性信息配置，完成目标元素的水印对象配置，得到该目标页面的页面样式文件，有利于灵活高效地实现多样化的水印配置。

本申请实施例还提供了一种水印添加装置，如图7所示，所述装置可以包括：

样式文件接收模块710，用于接收服务器发送的目标页面的页面样式文件，所述页面样式文件包括所述目标页面中的目标元素的水印对象，且所述页面样式文件是预先基于水印配置信息，在所述目标页面的初始样式文件中对所述目标元素进行水印对象配置得到的；

数据解析模块720，用于对所述页面样式文件进行数据解析，得到目标样式数据；

需求信息提取模块730，用于从所述目标样式数据中提取水印文件需求信息；

调用请求发送模块740，用于向所述服务器发送文件调用请求，所述文件调用请求携带有所述水印文件需求信息，以使所述服务器基于所述水印文件需求信息从水印文件库中确定目标水印文件；

水印文件接收模块750，用于接收所述服务器发送的所述目标水印文件；

水印添加模块760，用于基于所述目标水印文件和所述目标样式数据中的水印对象数据，对所述目标页面中的目标元素进行水印添加。

在本说明书实施例中，上述装置还可以包括：

页面加载请求发送模块，用于在接收服务器发送的目标页面的页面样式文件之前，响应于所述目标页面的页面加载指令，向所述服务器发送页面加载请求，所述页面加载请求携带有样式文件需求信息；以使所述服务器基于所述样式文件需求信息，确定所述目标页面的页面样式文件。

在一个实施例中，所述目标样式数据中的水印对象数据包括水印标识信息，上述装置还可以包括：

调试信息生成模块，用于响应于目标页面的页面调试指令，生成包括所述目标元素对应的水印标识信息的页面调试信息；

调试信息显示模块，用于对所述包括所述目标元素对应的水印标识信息的页面调试信息进行显示。

本申请实施例还提供了另一种水印添加装置，如图8所示，所述装置可以包括：

样式文件发送模块810，用于向客户端发送目标页面的页面样式文件，以使所述客户端对所述页面样式文件进行数据解析，得到目标样式数据，以及从所述目标样式数据中提取水印文件需求信息；其中，所述页面样式文件包括所述目标页面中的目标元素的水印对象，且所述页面样式文件是预先基于水印配置信息，在所述目标页面的初始样式文件中对所述目标元素进行水印对象配置得到的；

调用请求接收模块820，用于接收所述客户端发送的文件调用请求，所述文件调用请求携带有所述水印文件需求信息；

水印文件确定模块830，用于基于所述水印文件需求信息从水印文件库中确定目标水印文件；

水印文件发送模块840，用于向所述客户端发送所述目标水印文件，以使所述客户端基于所述目标水印文件和所述目标样式数据中的水印对象数据，对所述目标页面中的目标元素进行水印添加。

在本说明书实施例中，上述装置还可以包括：

信息获取模块，用于获取所述水印配置信息和所述目标页面的初始样式文件；

文件确定模块，用于基于所述水印配置信息从所述水印文件库中确定所述目标水印文件；

水印对象配置模块，用于基于所述水印配置信息和所述目标水印文件，在所述初始样式文件中对所述目标页面中的目标元素进行水印对象配置，得到所述目标页面的页面样式文件。

在一个具体的实施例中，上述的目标水印文件包括至少一个水印数据，上述的水印对象配置模块可以包括：

水印数据确定单元，用于基于所述水印配置信息从所述目标水印文件中确定目标水印数据；

初始水印对象创建单元，用于基于所述目标水印数据，在所述初始样式文件中为所述目标页面中的目标元素创建初始水印对象；

布局信息配置单元，用于获取所述目标元素的位置信息，基于所述位置信息对所述初始水印对象进行布局信息配置；

属性信息配置单元，用于基于所述水印配置信息对所述初始水印对象进行样式属性信息配置，得到所述目标页面的页面样式文件。

在一个具体的实施例中，上述的属性信息配置单元可以包括下述至少任一：

水印大小配置单元，用于基于所述水印配置信息中的水印大小信息，对所述初始水印对象配置水印大小信息；

水印间距配置单元，用于基于所述水印配置信息中的水印间距信息，对所述初始水印对象配置水印间距信息；

水印透明度配置单元，用于基于所述水印配置信息中的水印透明度信息，对所述初始水印对象配置水印透明度信息；

水印颜色配置单元，用于基于所述水印配置信息中的水印颜色信息，对所述初始水印对象配置水印颜色信息；

水印穿透配置单元，用于基于所述水印配置信息中的操作需求信息，将所述初始水印对象的穿透属性设置为可穿透。

在一个具体的实施例中，上述的初始水印对象创建单元可以包括：

标识提取单元，用于从所述目标水印数据中提取目标水印标识；

对象创建单元，用于基于所述目标水印标识为所述目标页面中的目标元素创建初始水印对象。

所述的装置实施例中的装置与方法实施例基于同样地申请构思。

本申请实施例提供了一种计算机设备，该计算机设备包括处理器和存储器，该存储器中存储有至少一条指令或至少一段程序，该至少一条指令或该至少一段程序由该处理器加载并执行以实现如上述方法实施例所提供的水印添加方法。

存储器可用于存储软件程序以及模块，处理器通过运行存储在存储器的软件程序以及模块，从而执行各种功能应用以及数据处理。存储器可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、功能所需的应用程序等；存储数据区可存储根据所述设备的使用所创建的数据等。此外，存储器可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。相应地，存储器还可以包括存储器控制器，以提供处理器对存储器的访问。

本申请实施例所提供的方法实施例可以在移动终端、计算机终端、服务器或者类似的运算装置中执行，即上述计算机设备可以包括移动终端、计算机终端、服务器或者类似的运算装置。其中，上述的服务器可以是独立的物理服务器，也可以是多个物理服务器构成的服务器集群或者分布式系统，还可以是提供云服务、云数据库、云计算、云函数、云存储、网络服务、云通信、中间件服务、域名服务、安全服务、CDN、以及大数据和人工智能平台等基础云计算服务的云服务器。终端可以是智能手机、平板电脑、笔记本电脑、台式计算机、智能音箱、智能手表等，但并不局限于此。以运行在服务器上为例，图9是本申请实施例提供的一种用于实现上述水印添加方法的服务器的硬件结构框图。如图9所示，该服务器900可因配置或性能不同而产生比较大的差异，可以包括一个或一个以上中央处理器(CentralProcessing Units，CPU)910(处理器910可以包括但不限于微处理器MCU或可编程逻辑器件FPGA等的处理装置)、用于存储数据的存储器930，一个或一个以上存储应用程序923或数据922的存储介质920(例如一个或一个以上海量存储设备)。其中，存储器930和存储介质920可以是短暂存储或持久存储。存储在存储介质920的程序可以包括一个或一个以上模块，每个模块可以包括对服务器中的一系列指令操作。更进一步地，中央处理器910可以设置为与存储介质920通信，在服务器900上执行存储介质920中的一系列指令操作。服务器900还可以包括一个或一个以上电源960，一个或一个以上有线或无线网络接口950，一个或一个以上输入输出接口940，和/或，一个或一个以上操作系统921，例如Windows Server^TM，Mac OSX^TM，Unix^TM,Linux^TM，FreeBSD^TM等等。

处理器910可以是一种集成电路芯片，具有信号的处理能力，例如通用处理器、数字信号处理器(DSP，Digital Signal Processor)，或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等，其中，通用处理器可以是微处理器或者任何常规的处理器等。

输入输出接口940可以用于经由一个网络接收或者发送数据。上述的网络具体实例可包括服务器900的通信供应商提供的无线网络。在一个实例中，输入输出接口940包括一个网络适配器(Network Interface Controller，NIC)，其可通过基站与其他网络设备相连从而可与互联网进行通讯。在一个实例中，输入输出接口940可以为射频(RadioFrequency，RF)模块，其用于通过无线方式与互联网进行通讯。

操作系统921可以包括用于处理各种基本系统服务和执行硬件相关任务的系统程序，例如框架层、核心库层、驱动层等，用于实现各种基础业务以及处理基于硬件的任务。

本领域普通技术人员可以理解，图9所示的结构仅为示意，其并不对上述电子装置的结构造成限定。例如，服务器900还可包括比图9中所示更多或者更少的组件，或者具有与图9所示不同的配置。

本申请的实施例还提供了一种计算机可读存储介质，所述存储介质可设置于服务器之中以保存用于实现方法实施例中一种水印添加方法相关的至少一条指令或至少一段程序，该至少一条指令或该至少一段程序由该处理器加载并执行以实现上述方法实施例提供的水印添加方法。

可选地，在本实施例中，上述存储介质可以位于计算机网络的多个网络服务器中的至少一个网络服务器。可选地，在本实施例中，上述存储介质可以包括但不限于：U盘、只读存储器(ROM，Read-Only Memory)、随机存取存储器(RAM，Random Access Memory)、移动硬盘、磁碟或者光盘等各种可以存储程序代码的介质。

本申请的实施例还提供了一种计算机程序产品或计算机程序，该计算机程序产品或计算机程序包括计算机指令，该计算机指令存储在计算机可读存储介质中。计算机设备的处理器从计算机可读存储介质读取该计算机指令，处理器执行该计算机指令，使得该计算机设备执行上述各种可选实现方式中提供的方法。

由上述本申请提供的水印添加方法、装置、设备或存储介质或计算机程序的实施例可见，本申请中通过利用预先基于水印配置信息，在目标页面的初始样式文件中对目标元素进行水印对象配置后得到的页面样式文件，对目标页面中的目标元素进行水印添加，将水印对象作为一个样式元素，在常规页面样式加载的过程中实现水印添加，过程简单高效，无需进行动态画布创建及绘制导出，降低资源占用，提升网页性能；目标水印文件可以为字体文件，加载灵活且速度快；通过从目标水印数据中提取目标水印标识，进而基于上述的目标水印标识为该目标页面中的目标元素创建初始水印对象，有利于灵活便捷地实现水印对象配置，无需直接引入图形数据或文字数据，在有利于提升使用过程中的页面加载效率的同时能够提升隐蔽性，在页面渲染时会将水印标识替换为对应的水印图形，但无法通过页面调试工具轻易获取水印图形信息而对水印数据进行删除修改，仅可看到水印标识信息，从而有利于提升水印添加的可靠性，提升需要保护的页面数据的安全性；通过基于该位置信息对该初始水印对象进行布局信息配置，以及基于上述的水印配置信息对该初始水印对象进行样式属性信息配置，完成目标元素的水印对象配置，得到该目标页面的页面样式文件，有利于灵活高效地实现多样化的水印配置。

需要说明的是：上述本申请实施例先后顺序仅仅为了描述，不代表实施例的优劣。且上述对本说明书特定实施例进行了描述。其它实施例在所附权利要求书的范围内。在一些情况下，在权利要求书中记载的动作或步骤可以按照不同于实施例中的顺序来执行并且仍然可以实现期望的结果。另外，在附图中描绘的过程不一定要求示出的特定顺序或者连续顺序才能实现期望的结果。在某些实施方式中，多任务处理和并行处理也是可以的或者可能是有利的。

本说明书中的各个实施例均采用递进的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于装置、设备和存储介质实施例而言，由于其基本相似于方法实施例，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。

本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成，也可以通过程序来指令相关的硬件完成，所述的程序可以存储于一种计算机可读存储介质中，上述提到的存储介质可以是只读存储器，磁盘或光盘等。

以上所述仅为本申请的较佳实施例，并不用以限制本申请，凡在本申请的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本申请的保护范围之内。

Claims (10)

1.一种水印添加方法，其特征在于，所述方法包括：

接收服务器发送的目标页面的页面样式文件，所述页面样式文件包括所述目标页面中的目标元素的水印对象，且所述页面样式文件是预先基于水印配置信息，在所述目标页面的初始样式文件中对所述目标元素进行水印对象配置得到的；

对所述页面样式文件进行数据解析，得到目标样式数据；

从所述目标样式数据中提取水印文件需求信息；

向所述服务器发送文件调用请求，所述文件调用请求携带有所述水印文件需求信息，以使所述服务器基于所述水印文件需求信息从水印文件库中确定目标水印文件；

接收所述服务器发送的所述目标水印文件；

基于所述目标水印文件和所述目标样式数据中的水印对象数据，对所述目标页面中的目标元素进行水印添加。

2.根据权利要求1所述的方法，其特征在于，所述方法还包括：

在接收服务器发送的目标页面的页面样式文件之前，响应于所述目标页面的页面加载指令，向所述服务器发送页面加载请求，所述页面加载请求携带有样式文件需求信息；以使所述服务器基于所述样式文件需求信息，确定所述目标页面的页面样式文件。

3.根据权利要求1所述的方法，其特征在于，所述目标样式数据中的水印对象数据包括水印标识信息，所述方法还包括：

响应于目标页面的页面调试指令，生成包括所述目标元素对应的水印标识信息的页面调试信息；

对所述包括所述目标元素对应的水印标识信息的页面调试信息进行显示。

4.一种水印添加方法，其特征在于，所述方法包括：

向客户端发送目标页面的页面样式文件，以使所述客户端对所述页面样式文件进行数据解析，得到目标样式数据，以及从所述目标样式数据中提取水印文件需求信息；其中，所述页面样式文件包括所述目标页面中的目标元素的水印对象，且所述页面样式文件是预先基于水印配置信息，在所述目标页面的初始样式文件中对所述目标元素进行水印对象配置得到的；

接收所述客户端发送的文件调用请求，所述文件调用请求携带有所述水印文件需求信息；

基于所述水印文件需求信息从水印文件库中确定目标水印文件；

向所述客户端发送所述目标水印文件，以使所述客户端基于所述目标水印文件和所述目标样式数据中的水印对象数据，对所述目标页面中的目标元素进行水印添加。

5.根据权利要求4所述的方法，其特征在于，所述方法还包括：

获取所述水印配置信息和所述目标页面的初始样式文件；

基于所述水印配置信息从所述水印文件库中确定所述目标水印文件；

基于所述水印配置信息和所述目标水印文件，在所述初始样式文件中对所述目标页面中的目标元素进行水印对象配置，得到所述目标页面的页面样式文件。

6.根据权利要求5所述的方法，其特征在于，所述目标水印文件包括至少一个水印数据，所述基于所述水印配置信息和所述目标水印文件，在所述初始样式文件中对所述目标页面中的目标元素进行水印对象配置，得到所述目标页面的页面样式文件包括：

基于所述水印配置信息从所述目标水印文件中确定目标水印数据；

基于所述目标水印数据，在所述初始样式文件中为所述目标页面中的目标元素创建初始水印对象；

获取所述目标元素的位置信息，基于所述位置信息对所述初始水印对象进行布局信息配置；

基于所述水印配置信息对所述初始水印对象进行样式属性信息配置，得到所述目标页面的页面样式文件。

7.根据权利要求6所述的方法，其特征在于，所述基于所述水印配置信息对所述初始水印对象进行样式属性信息配置包括下述至少任一：

基于所述水印配置信息中的水印大小信息，对所述初始水印对象配置水印大小信息；

基于所述水印配置信息中的水印间距信息，对所述初始水印对象配置水印间距信息；

基于所述水印配置信息中的水印透明度信息，对所述初始水印对象配置水印透明度信息；

基于所述水印配置信息中的水印颜色信息，对所述初始水印对象配置水印颜色信息；

基于所述水印配置信息中的操作需求信息，将所述初始水印对象的穿透属性设置为可穿透。

8.根据权利要求6所述的方法，其特征在于，所述基于所述目标水印数据，为所述目标页面中的目标元素创建初始水印对象包括：

从所述目标水印数据中提取目标水印标识；

基于所述目标水印标识为所述目标页面中的目标元素创建初始水印对象。

9.一种水印添加装置，其特征在于，所述装置包括：

样式文件接收模块，用于接收服务器发送的目标页面的页面样式文件，所述页面样式文件包括所述目标页面中的目标元素的水印对象，且所述页面样式文件是预先基于水印配置信息，在所述目标页面的初始样式文件中对所述目标元素进行水印对象配置得到的；

数据解析模块，用于对所述页面样式文件进行数据解析，得到目标样式数据；

需求信息提取模块，用于从所述目标样式数据中提取水印文件需求信息；

调用请求发送模块，用于向所述服务器发送文件调用请求，所述文件调用请求携带有所述水印文件需求信息，以使所述服务器基于所述水印文件需求信息从水印文件库中确定目标水印文件；

水印文件接收模块，用于接收所述服务器发送的所述目标水印文件；

水印添加模块，用于基于所述目标水印文件和所述目标样式数据中的水印对象数据，对所述目标页面中的目标元素进行水印添加。

10.一种水印添加装置，其特征在于，所述装置包括：

样式文件发送模块，用于向客户端发送目标页面的页面样式文件，以使所述客户端对所述页面样式文件进行数据解析，得到目标样式数据，以及从所述目标样式数据中提取水印文件需求信息；其中，所述页面样式文件包括所述目标页面中的目标元素的水印对象，且所述页面样式文件是预先基于水印配置信息，在所述目标页面的初始样式文件中对所述目标元素进行水印对象配置得到的；

调用请求接收模块，用于接收所述客户端发送的文件调用请求，所述文件调用请求携带有所述水印文件需求信息；

水印文件确定模块，用于基于所述水印文件需求信息从水印文件库中确定目标水印文件；

水印文件发送模块，用于向所述客户端发送所述目标水印文件，以使所述客户端基于所述目标水印文件和所述目标样式数据中的水印对象数据，对所述目标页面中的目标元素进行水印添加。

Images