CN108874373A - 向网页内插入信息的方法及装置、显示终端及存储介质 - Google Patents

Abstract

本发明实施例公开了一种向网页内插入信息的方法及装置、显示终端及计算机存储介质，应用于终端中所述向网页内插入信息的方法包括：当需要第一应用中打开第三方的第一网页时，解析的第一网页以获得所述第一网页包括的文档对象模型DOM节点，其中，所述DOM节点定义了网页的元素对象、所述元素对象的属性及访问方式的至少其中之一；将待插入信息生成与所DOM节点相适配的第一网页元素；将所述第一网页元素插入到所述第一网页中，生成第二网页；在所述第一应用中显示所述第二网页；其中，发送所述第一网页的服务器，与所述第一应用的服务器不同。

Description

向网页内插入信息的方法及装置、显示终端及存储介质

技术领域

本发明涉及信息技术领域，尤其涉及一种向网页内的插入信息的方法及装置、显示终端及存储介质。

背景技术

在一些情况下需要向网页内插入一些指定信息，在现有技术中存在两种向网页内插入指定内容的方法：

第一种：若需要向网页加入执行信息，需要由提供所述网页的原始服务器改写网页的原始代码。这样的网页内的信息插入方法，显然操作繁琐，终端无法自行插入一些信息。一方面网页内指定信息的插入，占用了服务器的资源，另一方面导致终端上网页或指定信息显示的延时。

第二种：通过脚本(Java Script，JS)注入方式，在原始网页中增加的指定信息，但是这种添加的指定信息的方法，通常会出现显示异常的问题。

故如何在原始网页中进行信息插入，一方面可以减少显示延时，同时确保显示正常，是现有技术需要进一步解决的问题。

发明内容

有鉴于此，本发明实施例期望提供一种向网页内的插入信息的方法及装置、显示终端及存储介质，至少部分解决上述问题。

为达到上述目的，本发明的技术方案是这样实现的：

本发明实施例第一方面提供一种向网页内插入信息的方法，应用于终端中，包括：

当需要第一应用中打开第三方的第一网页时，解析所述第一网页以获得所述第一网页包括的文档对象模型DOM节点，其中，所述DOM节点定义了网页的元素对象、所述元素对象的属性及访问方式的至少其中之一；

将待插入信息生成与所DOM节点相适配的第一网页元素；

将所述第一网页元素插入到所述第一网页中，生成第二网页；

在所述第一应用中显示所述第二网页；其中，发送所述第一网页的服务器，与所述第一应用的服务器不同；其中，发送所述第一网页的服务器，与所述第一应用的服务器不同。

基于上述方案，所述解析的第一网页以获得所述第一网页包括的文档对象模型DOM节点，包括：

解析所述第一网页以获取所述第一网页中的网页元素对应的DOM节点；

确定所述DOM节点符合的DOM节点规则，以确定所述DOM节点的节点类型；

所述将待插入信息生成与所DOM节点相适配的第一网页元素，包括：

将待插入信息的生成与所述DOM节点的节点类型相适配的所述第一网页元素。

基于上述方案，所述节点类型包括：列表节点、视频节点、图片节点及文本节点。

基于上述方案，所述将所述第一网页元素插入到所述第一网页中，生成第二网页，包括：

判断所述第一网页元素与所述第一网页中的第二网页元素是否满足预设联性；

根据所述预设关联性的判断结果，确定所述第一网页元素在所述第一网页中的插入参数，其中，所述插入参数包括：插入位置及插入方式的至少其中之一；

根据所述插入参数，将所述第一网页元素添加到所述第一网页中生成所述第二网页。

基于上述方案，所述根据所述预设关联性的判断结果，确定所述第一网页元素在所述第一网页中的插入参数，包括：

当所述第一网页元素和所述第二网页元素满足预设关联性时，根据所述第二网页元素的第二显示参数确定所述第一网页元素的第一显示参数；

所述根据所述插入参数，将所述第一网页元素添加到所述第一网页中生成所述第二网页，包括：

根据所述第一显示参数将所述第一网页元素添加到所述第一网页；

所述显示所述第二网页，包括：

根据所述第一显示参数在所述第二网页中显示所述第一网页元素。

基于上述方案，所述第二显示参数包括：第二显示位置，所述第一显示参数包括：第一显示位置，所述第一显示位置与所述第二显示位置相邻；

或者，

所述第二显示参数包括：第二显示位置和第二显示时序；所述第一显示参数包括：第一显示位置和第一显示时序；其中，所述第一显示位置和所述第二显示位置相同，所述第一显示时序不同于所述第二显示时序，且所述第一时序和所述第二时序使得所述第一网络元素和所述第二网络元素不同时显示。

基于上述方案，所述根据所述预设关联性的判断结果，确定所述第一网页元素在所述第一网页中的插入参数，还包括：

当所述第一网页元素与所述第二网页元素不满足所述预设关联性时，确定所述第一网络的尾部或空白处为所述第一网页元素的显示位置；

所述根据所述插入参数，将所述第一网页元素添加到所述第一网页中生成所述第二网页，包括：

在所述第一网络的尾部或空白处插入所述第一网页元素；

所述显示所述第二网页，包括：

在所述第一网络的尾部或空白处，显示所述第一网页元素。

基于上述方案，所述将待插入信息生成与所DOM节点相适配的第一网页元素，包括：

获取所述待插入信息的信息类型；

当所述待插入信息的信息类型与所述DOM节点的节点类型不相适配时，提取所述待插入信息的信息内容；

基于所述信息内容，生成与所述DOM节点的节点类型相适配的第一网页元素。

基于上述方案，所述将待插入信息生成与所DOM节点相适配的第一网页元素，包括以下至少之一：

当所述DOM节点为列表节点，将所述待插入信息生成列表元素；

当所述DOM节点为视频节点，将所述待插入信息生成视频元素或显示在视频元素播放之前的图片元素；

当所述DOM节点为文字节点，将所述待插入信息生成文本元素。

本发明实施例第二方面提供一种向网页内插入信息的装置，应用于终端中，包括：

解析单元，用于当需要第一应用中打开第三方的第一网页时，解析所述第一网页以获得所述第一网页包括的文档对象模型DOM节点，其中，所述DOM节点定义了网页的元素对象、所述元素对象的属性及访问方式的至少其中之一；

生成单元，用于将待插入信息生成与所DOM节点相适配的第一网页元素；

插入单元，用于将所述第一网页元素插入到所述第一网页中，生成第二网页；

显示单元，用于在所述第一应用中显示所述第二网页；其中，发送所述第一网页的服务器，与所述第一应用的服务器不同。

基于上述方案，所述解析单元，具体用于解析所述第一网页以获取所述第一网页中的网页元素对应的DOM节点；确定所述DOM节点符合的DOM节点规则，以确定所述DOM节点的节点类型；

所述生成单元，具体用于将待插入信息的生成与所述DOM节点的节点类型相适配的所述第一网页元素。

基于上述方案，所述节点类型包括：列表节点、视频节点、图片节点及文本节点。

基于上述方案，所述插入单元，具体用于判断所述第一网页元素与所述第一网页中的第二网页元素是否满足预设联性；根据所述预设关联性的判断结果，确定所述第一网页元素在所述第一网页中的插入参数，其中，所述插入参数包括：插入位置及插入方式的至少其中之一；根据所述插入参数，将所述第一网页元素添加到所述第一网页中生成所述第二网页。

基于上述方案，所述插入单元，具体用于当所述第一网页元素和所述第二网页元素满足预设关联性时，根据所述第二网页元素的第二显示参数确定所述第一网页元素的第一显示参数；根据所述第一显示参数将所述第一网页元素添加到所述第一网页；

所述显示单元，具体用于根据所述第一显示参数在所述第二网页中显示所述第一网页元素。

基于上述方案，所述第二显示参数包括：第二显示位置，所述第一显示参数包括：第一显示位置，所述第一显示位置与所述第二显示位置相邻；

或者，

所述第二显示参数包括：第二显示位置和第二显示时序；所述第一显示参数包括：第一显示位置和第一显示时序；其中，所述第一显示位置和所述第二显示位置相同，所述第一显示时序不同于所述第二显示时序，且所述第一时序和所述第二时序使得所述第一网络元素和所述第二网络元素不同时显示。

基于上述方案，所述插入单元，具体用于当所述第一网页元素与所述第二网页元素不满足所述预设关联性时，确定所述第一网络的尾部或空白处为所述第一网页元素的显示位置；在所述第一网络的尾部或空白处插入所述第一网页元素；

所述显示单元，具体用于在所述第一网络的尾部或空白处，显示所述第一网页元素。

基于上述方案，所述生成单元，具体用于获取所述待插入信息的信息类型；当所述待插入信息的信息类型与所述DOM节点的节点类型不相适配时，提取所述待插入信息的信息内容；基于所述信息内容，生成与所述DOM节点的节点类型相适配的第一网页元素。

基于上述方案，所述生成单元，具体用于执行以下至少之一：

当所述DOM节点为列表节点，将所述待插入信息生成列表元素；

当所述DOM节点为视频节点，将所述待插入信息生成视频元素或显示在视频元素播放之前的图片元素；

当所述DOM节点为文字节点，将所述待插入信息生成文本元素。

本发明实施第二方面提供一种显示终端，包括：

显示模组，用于显示信息；

存储器，用于存储计算机程序；

处理器，分别与所述显示模组及所述存储器连接，通过执行所述计算机程序，实现上述任意一项或多项提供的向网页内插入信息的方法。

本发明实施例第四方面提供一种计算机存储介质，所述计算机存储介质中存储有计算机程序，所述计算机程序被执行后能够实现上述任意一项或多项提供的向网页内插入信息的方法。

本发明实施例提供的向网页内的插入信息的方法及装置、显示终端及存储介质，

附图说明

图1为本发明实施例提供的第一种向网页内插入信息的方法的流程示意图；

图2为本发明实施例提供的第二种向网页内插入信息的方法的示意图；

图3为本发明实施例提供的一种视频网页的显示效果示意图；

图4为图3所示的原始网页插入信息之后的显示示意图；

图5为本发明实施例提供的一种文本网页的显示效果示意图；

图6为本发明实施例提供的一种文本网页插入信息之后的显示效果示意图；

图7为本发明实施例提供的一种列表网页的显示效果示意图；

图8为图7所示的列表网页插入信息之后的显示效果示意图；

图9为本发明实施例提供的第三种向网页内插入信息的方法的示意图；

图10为本发明实施例提供一种向网页内插入信息的装置的结构示意图；

图11为本发明实施例提供的一种显示设备的结构示意图；

图12为本发明实施例提供第四种向网页插入信息的流程示意图；

图13为本发明实施例提供第五种向网页插入信息的流程示意图。

具体实施方式

以下结合说明书附图及具体实施例对本发明的技术方案做进一步的详细阐述。

如图1所示，本实施例提供一种向网页内插入信息的方法，应用于终端中，包括：

步骤S110：当需要第一应用中打开第三方的第一网页时，解析所述第一网页以获得所述第一网页包括的文档对象模型DOM节点，其中，所述DOM节点定义了网页的元素对象、所述元素对象的属性及访问方式的至少其中之一；

步骤S120：将待插入信息生成与所DOM节点相适配的第一网页元素；

步骤S130：将所述第一网页元素插入到所述第一网页中，生成第二网页；

步骤S140：在所述第一应用中显示所述第二网页；其中，发送所述第一网页的服务器，与所述第一应用的服务器不同。

在本实施例中提供的网页内插入信息的方法，可为应用于各种显示终端中的方法，这里的显示终端可为手机、平板电脑、可穿戴式设备、笔记本电脑或台式电脑或投影仪等各种显示设备。

在步骤S110中终端会解析第一网页，例如，终端从网络侧下载了网页之后，就会获取网页的源代码，可以通过网页源代码的解析，可以获得网页中包括的文档对象模型(Document Object Module，DOM)节点。如图2所示，所述步骤S110可具体为：解析网页内容，获得原始网页包括的DOM节点，从而确定给出网页排版类型。

在本实施例中所述第一网页为第三网页，在本实施例中所述第三方网页为所述第一应用的应用服务器提供的网页。例如，所述第一应用的服务器为服务器A，则所述第一网页的服务器为服务器B，则所述服务器A和所述服务器B不同。即所述第一网页是的网页源代码未存储在第一应用的服务器中的网页。

所述第一应用可为安装在所述终端内的各种应用，例如，社交应用、浏览器等网页应用、或者各种新闻应用、或者可支持网页打开的支付应用等。

在本实施例中所述终端在接收到第一网页的网页内容之后，所述终端的后台或内核解析所述第一网页的网页内容，该过程对于用户而言是透明的。在本实施例中解析所述第一网页，以获得所述DOM节点：由所述终端的操作系统解析所述第一网页。例如，所述第一应用基于从人机交互界面接收的第一网页之后，所述第一应用位于终端的应用层；所述第一应用将所述第一网页上传到终端内的系统层；这时系统层(例如，系统层的内核)就能够获取到所述第一网页的信息，可以解析出所述DOM节点，在解析得到所述DOM节点之后，第一应用或所述终端的操作系统的内核就可以将待插入信息生成与该DOM节点对应的网页元素了，即所述第一网页元素。在本实施例中利用了终端的系统层的操作系统的强大解析能力，在终端本地进行第一网页的解析，在将待插入信息生成对应的网元素，打破了第三方网页的原有网页布局插入到第一网页中，从而在终端本地形成了一个新的第二网页；该第二网页实质上相当于是由终端基于第一网页和待插入信息自行生成的一个网页；而插入的待插入信息，已经成了第二网页的组成部分，而不是叠加在其上显示的信息。

若所述第一网页元素及所述第二网页是所述系统层的操作系统生成的，则所述方法还包括：

所述第一应用将所述第一网页及待插入信息发送给系统层并向所述系统层发送第一操作请求；第一操作请求，用于请求所述系统层解析第一网页，并将待插入信息插入到第一网页中，生成包括有所述待插入信息的第二网页；

所述系统层将生成的第二网页发送给所述第一应用；

在步骤S140中，所述第一应用在其应用界面内显示所述第二网页。

若所述第一网页元素及所述第二网页所述第一应用生成的，则所述方法还包括：

所述第一应用将所述第一网页发送给系统层，并向系统层发送第二操作请求；第二操作请求，用于请求系统层解析所述第一网页；

接收系统层返回给第一应用的DOM节点；

所述第一应用在接收到所述DOM节点之后，基于待插入信息生成所述第一网页元素，

并将所述第一网页元素插入到所述第一网页中，形成所述第二网页。

在步骤S110中可以采用超文本标记语言(Hyper Text Markup Language，html)协议或万维网联盟(World Wide Web Consortium，W3C)DOM规范解析所述第一网页的源代码或第一网页的网页内容，从而可以确定出当前第一网页的网页内容包括哪些网页元素，这些元素类型属于哪一种DOM节点。

所述DOM节点可用于描述所述第一网页中网元元素的元素对象、属性及访问方式。这里的属性可包括：描述所述元素对象的类型等各种参数；所述访问方式可包括：终端如何读取或操作该网页元素的方式。例如，点击下载或缓存等。

在本实施例中通过解析可以知道第一网页中包括的DOM节点。在步骤S120中将需要待插入到第一网页的信息生成与所述DOM节点对应的第一网页元素。如图2所示，在步骤S120中具体可包括：本地提取或从网络侧接收待插入信息，将待插入信息生成与DOM节点相同或相适配的网页元素，从而使得该网页元素插入到该网页时，与该网页排版类型适配。

本实施例中待插入信息可为各种类型的信息，所述待插入信息可为：文本信息、视频信息、图片信息和/或音频信息等。

在本实施例中所述待插入信息可为各种类型的信息，这里的待插入信息可为所述终端本地存储的信息，也可以为从网络侧下载的信息。通常情况下，所述待插入信息与所述第一网页的信息来源不同。例如，所述待插入信息为从网络侧下载的信息，若所述第一网页从服务器A下载的信息，则所述待插入信息可为从服务器B下载的信息。在本实施例中所述待插入信息需要插入到第一网页中进行显示。

在本实施例中所述待插入信息可为：需要推广的推广信息。所述推广信息可为广告或政府公告等。所述广告可为商业广告、慈善广告等。在本实施例中所述终端欲在应用A中打开第三方网页。所述第一网页为第三方网页的任意一种。所述应用A和终端可为信息交互的双方。所述待插入信息可为所述应用A的服务提供方需要终端显示的信息。在本实施例中为了确保第三方网页在应用A中的显示效果，同时在第三方网页中显示应用A的服务提供方想要显示的信息，会利用上述步骤S110至步骤S140，将应用A提供的信息生成与第一网页的DOM节点相适配的第一网页元素，插入到第一网页中显示。

在本实施例的步骤S130是将第一网页元素查到第一网页中，相当于如图2所示的将生成的网页元素及原始网页的原始重新排版，形成新的网页，这里的新的网页即为所述第二网页。

这里的第一网页元素与所述DOM节点相适配，可包括：

所述第一网页元素归属的DOM节点，第一网页与所述DOM节点

在本实施例中所述待插入信息还可包括：提示信息。这里的提示信息可包括警示提示信息。

例如，第一网页中有一些可能导致用户的信息和/或财产安全问题的信息，所述待插入信息可为中观对第一网页中的信息元素解析后，自动生成的警示信息。在本实施例中，需要将所述警示信息插入到第一网页对应的部分提示用户，注意不要点击第一网页中的这些内容。

在本实施例中会将待插入信息生成与DOM节点对应的第一网页元素。在本实施例中网页元素为显示在网页上的信息单位，例如，可在网页上显示的源代码或数据单元等。

在本实施例中所述第一网页元素为与第一网页中原本就包括的第二网页元素对应的DOM节点所对应的。例如，第二网页元素归属第一DOM节点，在本实施例中所述第一网页元素可归属于第一DOM节点。这样将第一网页元素插入到第一网页中之后，不会造成插入的第一网页元素与第一网页中的其他网页元素不一致或不相容导致的各种问题，从而可以确保第一网页元素插入第一网页之后，可以正常或协调的显示，提升第一网页与插入的信息的共同显示效果。

在步骤S130中，在生成第一网页元素之后，会将第一网页元素插入到第一网页中，添加了所述第一网页元素的网页，在本实施例中称为第二网页。在本实施例中终端显示的第二网页，而并非插入之前的第一网页。

在本实施例中所述终端必须等到第一网页元素插入到第一网页，生成第二网页之后显示的第二网页，相对于采用JS注入待插入信息的方式，不会存在着线显示第一网页，然后通过代码注入导致的网页内容的奇异切换导致的显示异常问题。与此同时，在本实施例中所述第二网页的生成都是由显示终端实现的，不需要网络侧的服务器来修改网页代码，从而可以不用占用服务器的资源，不用等待服务器的响应，可以提升显示的响应速率。

在一些实施例中，所述步骤S110可包括：

解析所述第一网页以获取所述第一网页中的网页元素对应的DOM节点；

确定所述DOM节点符合的DOM节点规则，以确定所述DOM节点的节点类型。

所述步骤S120可包括：

将待插入信息的生成与所述DOM节点的节点类型相适配的所述第一网页元素。

在本实施例中首先按照预设规范，例如，前述的html规范或W3C DOM节点规范解析所述第一网页，会将第一网页中携带的各种网页元素，归属到各种DOM节点中。在本实施例中所述DOM节点可为按照预设标准格式生成的文件或信息单元。

在本实施例中将所述DOM节点与各种DOM节点规范进行匹配，可确定第一网页中包括的网页元素对应的DOM节点符合哪些预设的DOM节点规范，从而确定出该DOM节点的节点类型。

在本实施例中所述节点类型可包括：列表节点、视频节点、图片节点及文本节点。

所述列表节点对应于网页中列表元素；视频节点对应于网页中的视频元素，图片节点对应于网页中的图片元素，文本节点对应于网页中的文本信息。

显示列表元素时，网页中呈现出一个列表或多个列表；显示所述视频元素，在显示网页时的视频窗口内或视频显示位置会播放视频；显示图片元素，在网页中显示静态或动态切换的图片。显示文本元素在网页中显示文本信息。

在本实施例中所述第一网页元素对应的或归属的DOM节点，与第一网页中原有的网页元素是属于同一类或相关类型的元素，这样不会待插入信息插入第一网页之后，显得特别突兀的问题，从而提升网页的显示效果。总之，采用在本实施例中提供的网页中信息的插入方法，可以避免在文本网页中插入视频元素，导致原本文本网页因为视频元素的插入，破坏了原本文本网页的显示布局或类型，进而导致的显示问题等。

在一些实施例中，如图9所示，所述步骤S130包括：

步骤S131：判断所述第一网页元素与所述第一网页中的第二网页元素是否满足预设联性；

步骤S132：根据所述预设关联性的判断结果，确定所述第一网页元素在所述第一网页中的插入参数，其中，所述插入参数包括：插入位置及插入方式的至少其中之一；

步骤S133：根据所述插入参数，将所述第一网页元素添加到所述第一网页中生成所述第二网页。

在本实施例中所述第一网页元素为基于待插入信息生成的网页元素。所述第二网页元素为第一网页中自带的网页元素。这里的第一网页元素和第二网页元素可为任意一种网页元素，例如，可为视频元素、列表元素、图片元素和/或文本元素等。

在本实施例中所述插入参数可包括：第一网络元素插入到第一网页之后的显示位置、显示面积、显示方式、显示颜色等各种显示参数。

所述显示位置对应于前述插入位置、所述显示方式对应于前述的插入方式。在本实施例中所述插入方式从时间维度上来划分，可包括：特定时间插入和/或永久插入，这里的特定时间插入为：在网页显示的特定时间内显示插入的第一网页元素，永久插入为：在网页显示的所有时间内都显示第一网页元素。

例如，所述第一网页元素为视频网页在显示视频之前插入的广告，该广告可为特定时间插入的第一网页元素。

再例如，所述第一网页元素为图片网页，所述第一网页元素也为图片，该插入方式可包括：在第一网页的空白处插入第一网页元素，并在网页显示的时间内保持第一网页元素的显示。

所述插入方式从插入位置来划分，可包括：追加插入、中间插入及置顶插入；这里的追加插入可为：在第一网页的尾部追加所述第一网页内容；所述中间插入可包括：在第一网页的中间位置(例如，第一网页中间位置的空白位置处)插入所述第一网页元素；所述置顶插入可包括：在第一网页的顶部的空白位置处或预定范围内插入所述第一网页元素。

总之所述插入方式有多种，具体实现时不局限于上述任意一种。

所述显示面积可为：所述第一网页元素在所述第一网页中的显示尺寸，所述显示颜色可为显示所述第一网页的像素参数等。所述像素参数可包括：红绿蓝(Red GreenBlue，RGB)的颜色信息。

在一些情况下，所述插入方式从显示效果的维度来划分，还可包括：区分插入方式和协同插入方式。所述区分插入方式可包括：第一网页元素插入到第一网页中之后，与显示在第一网页元素周围的第二网页元素之间的显示参数之间的差异度满足预设差异条件，例如，这里的差异度可为显示亮度和/或显示颜色的差异度等。所述协同插入方式，可包括：所述第一网页元素插入到所述第一网页中之后，与显示在第一网页元素周围的第二网页元素之间的显示参数之间的差异度需要小于预设值，使得所述第一网页元素和第二网页元素的显示亮度和/或显示颜色趋于一致，从而使得显示的第二网页整体上更加统一。

在本实施例中判断所述第一网页元素和所述第二网页元素是否满足所述预设关联性，可包括：

判断所述第一网页元素的信息内容，和所述第二网页元素的信息内容是否具有信息关联性；

判断所述第一网页元素的属性与第二网页元素的属性是否具有属性关联性。

所述信息关联性体现在信息内容可描述了同一个信息对象，或第一网页元素的信息内容是对第二网页元素的信息内容的关联内容等。例如，所述第一网页元素为第一网页中网页元素A的告警信息，显然这种告警信息是网页元素A具有信息关联性的。

所述属性关联性，可包括：呈现形式的一致性。例如，第二网页元素为一个表格；所述第一网页元素与第二网页元素的信息内容相互对立的另一个表格。显然两个网页元素都是表格，显然类型属性相同。

在本实施例中为了使得第二网页的显示效果，可以基于第二网页元素的第二显示参数，确定所述第一网页元素的第一显示参数。当所述第一网页元素的显示参数一旦确定了，就相当于确定第一网页元素插入到第一网页中的各种插入参数。

可选地，所述步骤S132可包括：

当所述第一网页元素和所述第二网页元素满足预设关联性时，根据所述第二网页元素的第二显示参数确定所述第一网页元素的第一显示参数；

所述步骤S133可包括：

根据所述第一显示参数将所述第一网页元素添加到所述第一网页；

所述步骤S140可包括：

根据所述第一显示参数在所述第二网页中显示所述第一网页元素。

在本实施例中第一网页元素和第二网页元素满足预设关联性时，根据第二网页元素的第二显示参数确定第一网页元素的第一显示参数。例如，采用相同的显示亮度和/或显示颜色进行显示。例如，将第二网页元素的显示颜色和/或显示亮度，作为所述第一网页元素的显示颜色和/或显示亮度。

故在步骤S133.中根据第一显示参数，将第一网页元素添加到第一网页中，添加了所述第一网页元素的第一网页成为了更新后的第二网页，终端显示的经过终端的内核处理过的第二网页。

在一些实施例中，所述第二显示参数包括：第二显示位置，所述第一显示参数包括：第一显示位置，所述第一显示位置与所述第二显示位置相邻。

第一网页元素和第二网页元素具有预设关联性，可能需要用户同时关注所述第一网页元素和第二网页元素，在本实施例中将所述第一网页元素和第二网页元素通过显示位置的设定，进行相邻显示，方便用户对照查看。

在另一些实施例中，所述第二显示参数包括：第二显示位置和第二显示时序；所述第一显示参数包括：第一显示位置和第一显示时序；其中，所述第一显示位置和所述第二显示位置相同，所述第一显示时序不同于所述第二显示时序，且所述第一时序和所述第二时序使得所述第一网络元素和所述第二网络元素不同时显示。

在本实施例中所述显示参数包括：显示位置和显示时序。在本实施例中将两个满足预设关联条件的两个网络元素显示在网页的同一位置，但是按照不同的显示时序显示。在本实施例第一显示时序和第二显示时序可为互补时序，这里的互补时序，若第一显示时序指示第一网页元素显示时，则所述第二显示时序指示第二网页元素隐藏，若第一显示时序指示第一网页元素隐藏时，则所述第二显示时序指示所述第二网页元素显示。在一些实施例中所述第一显示时序和所述第二时序可为：互不重叠时序，所述互不重叠时序为：两个显示同一个显示位置的网页元素不同时显示的两个时序，这里的互不重叠时序包括所述互补时序。

可选地，所述步骤S132，还包括：当所述第一网页元素与所述第二网页元素不满足所述预设关联性时，确定所述第一网络的尾部或空白处为所述第一网页元素的显示位置；

所述步骤S133可包括：在所述第一网络的尾部或空白处插入所述第一网页元素；

所述步骤S140可包括：在所述第一网络的尾部或空白处，显示所述第一网页元素。

在本实施例中若插入的第一网页元素与第一网页中的第二网页元素互不关联，则在本实施例中一方面为了维持第二网页元素的显示。另一方面为了显示第一网页元素，会选择第一网页的尾部或空白处作为所述第一网页元素的插入位置。

故在步骤S133中会在第一网页的尾部或空白处插入第一网页元素。这样插入的第一网页元素既不会干扰第二网页元素的显示，同时需要确保第一网页元素的显示。

在具体的实现过程中，需要根据所述第一网页的尾部或空白处的显示面积，确定所述第一网页元素的显示尺寸等各种显示参数。

在有些实施例中，所述步骤S130可包括：

获取所述待插入信息的信息类型；

当所述待插入信息的信息类型与所述DOM节点的节点类型不相适配时，提取所述待插入信息的信息内容；

基于所述信息内容，生成与所述DOM节点的节点类型相适配的第一网页元素。

例如，所述待插入信息是视频信息，在本实施例中所述信息类型为视频。在本实施例中所述DOM节点的节点类型可为文本类型或图片类型，则此时需要插入第一网页元素时，若直接以视频的方式插入，可能导致第一网页的整个网页类型的转换，可能导致网页类型转换带来的问题。

在本实施例中会将所述待插入信息转换与所述DOM节点相适配的第一网页元素。例如，当所述第二网页元素对应的DOM节点为图片节点时，则本实施例中提取所述待插入信息的关键帧转换静态图像，转换之后的静态图像对应的DOM节点也为图片节点；实现了插入后的第一网页元素与第一网页中原本就存在的第二网页元素的一致性。

当所述DOM节点是视频节点时，所述待插入信息为文本信息，则可以将所述文本信息的信息内容生成对应的图片信息或视频信息，从而使得第一网页元素对应的DOM节点为图片节点或视频节点。

当所述DOM节点是文本节点时，所述待插入信息是音频信息，则可以提取音频信息的信息内容，将该信息内容转换文本信息。

在本实施例中不同网页元素之间的相适配可包括：不同网页元素对应的DOM节点一致；还可包括：不同网页元素对应的DOM节点不一致但是却相容；

所述DOM节点相容可包括：

图片节点与视频节点是相容的；

图片节点与文本节点互为相容的；

文本节点与视频节点是相容的。

DOM节点不相适配包括：

视频节点与图片节点及文本节点是不相容的；

音频节点与视频节点、图片节点及文本节点是相容的。

当然以上仅是举例，不是对本申请的限定，在具体实现时不局限于上述任意一种实现。

在一些实施例中，所述步骤S130可包括以下至少之一：

当所述DOM节点为列表节点，将所述待插入信息生成列表元素；

当所述DOM节点为视频节点，将所述待插入信息生成视频元素或显示在视频元素播放之前的图片元素；

当所述DOM节点为文字节点，将所述待插入信息生成文本元素。

例如，在具体实现是，将待插入信息作为第一网页中的列表的一行或一列插入；将待插入信息作为第一网页中的视频的前导贴图或海报插入，在播放视频之前显示；将待插入信息插入到第一网页的空白处等。

图3是一个视频网页的显示示意图，图4为在图3的视频窗口内显示视频之前插入手机广告的显示示意图，显然广告为前述待插入信息的一种，是插入到视频网页的视频窗口内显示的。

图5为一个文本网页的显示示意图，图6为在图5所示的文本网页中添加了告警信息之后的显示示意图，这里的告警信息为前述待插入信息的一种，在图5中待插入的文本信息以追加方式插入到文本网页的尾部。

图7为一个列表网页的显示示意图，图8为图7所示的表网页基于待插入信息增加了列表栏的显示示意图。

如图10所示，本实施例提供一种向网页内插入信息的装置，应用于终端中，包括：

解析单元110，用于当需要第一应用中打开第三方的第一网页时，解析所述第一网页以获得所述第一网页包括的文档对象模型DOM节点，其中，所述DOM节点定义了网页的元素对象、所述元素对象的属性及访问方式的至少其中之一；

生成单元120，用于将待插入信息生成与所DOM节点相适配的第一网页元素；

插入单元130，用于将所述第一网页元素插入到所述第一网页中，生成第二网页；

显示单元140，用于在所述第一应用中显示所述第二网页；其中，发送所述第一网页的服务器，与所述第一应用的服务器不同。

本实施例所述解析单元110、生成单元120及插入单元130可对应于处理器或处理电路，所述处理器可包括：中央处理器(CPU)、微处理器(MCU)、数字信号处理器(DSP)、应用处理器(AP)或可编程阵列(PLC)等处理器。所述处理电路可包括：专用集成电路(ASIC)等。所述处理器或处理电路可通过计算机程序等可执行代码的执行实现上述各个单元的功能。

所述显示单元140可对应于各种具有显示功能的显示模组。所述显示模组可包括：显示屏；所述显示屏可包括：液晶显示屏、电子墨水显示屏或有机发光二级管OLED显示屏等各种能够显示信息的显示结构。

本实施例中所述终端可为各种携带有显示模组的显示设备。

在本实施例中所述终端需要在网页中插入信息时，会解析网页的携带的网页元素对应的DOM节点，将待插入的信息生成与该DOM节点相适配的第一网页元素，将第一网页元素插入到第一网页形成第二网页之后，直接显示的是第二网页。在本实施例中待插入信息的插入，不是直接插入，而是会根据第一网页现有的携带的网页元素对应的DOM节点生成对应的网页元素，并在插入到第一网页之后，再显示所述第二网页，从而可以避免把握不住插入时机导致的先显示原网页然后进行显示切换的问题，提升了网页信息插入之后的显示效果。

可选地，所述解析单元110，具体用于解析所述第一网页以获取所述第一网页中的网页元素对应的DOM节点；确定所述DOM节点符合的DOM节点规则，以确定所述DOM节点的节点类型；所述生成单元120，具体用于将待插入信息的生成与所述DOM节点的节点类型相适配的所述第一网页元素。

在本实施例中会基于DOM节点的节点类型，使得待插入的信息生成与对应的节点类型一致或相容的第一网页元素。

可选地，所述节点类型包括：列表节点、视频节点、图片节点及文本节点。值得注意的是：在具体实现时所述节点类型不局限于上述节点类型。

可选地，所述插入单元130，具体用于判断所述第一网页元素与所述第一网页中的第二网页元素是否满足预设联性；根据所述预设关联性的判断结果，确定所述第一网页元素在所述第一网页中的插入参数，其中，所述插入参数包括：插入位置及插入方式的至少其中之一；根据所述插入参数，将所述第一网页元素添加到所述第一网页中生成所述第二网页。

在本实施例中会根据第一网页元素和第二网页元素，确定出两个网页元素是否具有关联性，在本实施例中所述关联性至少包括内容关联性和/或属性关联性；具体的详细介绍可以参见前述实施例。

在本实施例中根据所述关联性的判断，确定插入参数。在本实施例中插入参数实质上对应于第一网页元素插入到第一网页之后的显示参数。

可选地，所述插入单元130，具体用于当所述第一网页元素和所述第二网页元素满足预设关联性时，根据所述第二网页元素的第二显示参数确定所述第一网页元素的第一显示参数；根据所述第一显示参数将所述第一网页元素添加到所述第一网页；所述显示单元140，具体用于根据所述第一显示参数在所述第二网页中显示所述第一网页元素。

在本实施例中插入单元130，基于上述关联性确定第一网页元素的显示参数，显示单元基于插入单元130确定的显示参数，在显示屏上显示包括所述第一网页元素的第二网页。

在一些实施例中，所述第二显示参数包括：第二显示位置，所述第一显示参数包括：第一显示位置，所述第一显示位置与所述第二显示位置相邻。

在另一些实施例中，所述第二显示参数包括：第二显示位置和第二显示时序；所述第一显示参数包括：第一显示位置和第一显示时序；其中，所述第一显示位置和所述第二显示位置相同，所述第一显示时序不同于所述第二显示时序，且所述第一时序和所述第二时序使得所述第一网络元素和所述第二网络元素不同时显示。

在一些实施例中，所述插入单元130，具体用于当所述第一网页元素与所述第二网页元素不满足所述预设关联性时，确定所述第一网络的尾部或空白处为所述第一网页元素的显示位置；在所述第一网络的尾部或空白处插入所述第一网页元素；所述显示单元140，具体用于在所述第一网络的尾部或空白处，显示所述第一网页元素。

在本发明实施例中不仅提供了在两个网页元素具有关联性时，如何插入所述第一网页元素，也明确了在不具有关联性时如何插入所述第一网页元素，具有实现简便的特点。

可选地，所述生成单元130，具体用于获取所述待插入信息的信息类型；当所述待插入信息的信息类型与所述DOM节点的节点类型不相适配时，提取所述待插入信息的信息内容；基于所述信息内容，生成与所述DOM节点的节点类型相适配的第一网页元素。

在本实施例中在生成第一网页元素时，由于需要生成与DOM节点相适配的第一网页元素，故在本实施例中在当前待插入信息的信息类型与DOM节点的节点类型不一致时，需要进行信息类型的转换。所述转换包括：提取待插入信息的信息内容，再提取所述信息内容之后生成与所述DOM节点的节点类型相适配的第一网页元素。

可选地，所述生成单元130，具体用于执行以下至少之一：

当所述DOM节点为列表节点，将所述待插入信息生成列表元素；

当所述DOM节点为视频节点，将所述待插入信息生成视频元素或显示在视频元素播放之前的图片元素；

当所述DOM节点为文字节点，将所述待插入信息生成文本元素。

如图11所示，本实施例提供一种显示终端，包括：

显示模组210，用于显示信息；

存储器220，用于存储计算机程序；

处理器230，分别与所述显示模组及所述存储器连接，通过执行所述计算机程序，实现上述权任意一个或多个实施例提供的向网页内插入信息的方法。

在本实施例中所述显示模组210可包括：显示屏，可以显示各种信息；这里的显示模组不仅可以包括显示屏还可包括：显示处理器，该显示处理器具体用于显示屏210的显示。

存储器220可包括：存储介质。这里的存储介质可为随机存储器、只读存储器、闪存或光盘等，可选为非瞬间存储介质，可用于永久性存储所述计算机程序。

所述处理器230可包括：CPU、MCU、AP、DSP或PLC等。所述处理器通过总线240与所述显示模组210及存储器220相连，可用于通过计算机程序的执行，实现上述各种网页内插入信息的方法。

图11所示的显示设备中还包括：通信接口250，与其他设备进行信息通信，例如下载所述第一网页等。

本实施例还提供了一种计算机存储介质，所述计算机存储介质中存储有计算机程序，所述计算机程序被执行后能够实现上述权任意一个或多个实施例提供的向网页内插入信息的方法。

本实施例提供的计算机存储介质包括：移动存储设备、只读存储器(ROM，Read-Only Memory)、随机存取存储器(RAM，Random Access Memory)、磁碟或者光盘等各种可以存储程序代码的介质。可选地，所述计算机存储介质可为：非瞬间存储介质。

以下结合上述任意实施例提供几个具体示例：

示例一：

本示例提供一种向网页内插入信息的方法，包括：

第一步：访问网页时拉取网页内容；

第二步：内核解析网页内容，确定网页的排版，具体可包括：当内核解析到特点的网页元素时或解析到一定数量的网页元素时，将该网页定义为满足预设DOM节点规则的网页类型。

例如，解析过程中发现网页中携带有视频元素，则将该网页视为视频网页，采用的视频网页的整体布局，对应的DOM节点的节点类型为视频类型；

解析的过程中发现网页中携带有列表元素或携带有一定数量的列表元素，则将该网页归为列表网页，采用的列表网页的整体布局，对应的DOM节点的节点类型为列表类型。

解析过程中如果超过一定量的文本元素，则将该网页归类为文本网页，采用的文本网页的整体布局，对应的DOM节点的节点类型为文本类型。

第三步：为了保证插入的信息与网页中原始网页元素的一致性，以提升网页的显示效果及提升用户提样，在本示例中会根据网页的整体布局(即DOM节点的节点类型)，确定出网页排版类型，插入到网页中的网页元素也需要符合这种网页的排版类型，即需要与DOM节点的节点类型相适配。

例如，向视频网页中插入信息，可以将插入的信息以视频块的方式插入到网页的视频中显示。向列表网页中插入信息，则插入信息的以单个列表形式插入，或以行或列的形式插入到网页中原有的列表中；向文本网页中插入信息，则插入信息以文本形式插入到原始网页中。

以下结合图12给出网页类型的判断的方法包括：

步骤S1：内核解析网页内容生成DOM节点；

步骤S2：判断所述DOM节点是否满足预设DOM节点规范，若否进入步骤S4，若是执行步骤S3.1至步骤S3.4；步骤S3.1：判断是否是列表项的DOM节点，步骤S3.2，判断是否是查看图片的DOME节点，步骤S3.3：判断是否是视频的DOM节点；步骤S3.4：判断是否是其他预设的规则。

步骤S4：排版网页，包括：对第一网页中的第二网页元素进行排版；

步骤S5：添加插入信息的DOM节点，包括：在完成排版的第一网页中添加待插入信息的网页元素；

步骤S6：显示。

以下结合图13具体给出信息插入网页的方法，包括：

步骤S11：添加插入信息的DOM节点；

步骤S12：判断DOM节点是否满足规则，是则进入步骤S13；若否进入步骤S14；

步骤S13：确定符合的规则类型；所述步骤S13包括：步骤S13.1，S13.2，S13.3及S13.4；步骤S13.1：满足列表，将信息生成一个列表的DOM节点插入，步骤S13.2：满足图片规则，将信息生成一张图片的DOM节点插入，步骤S13.3：满足视频规则，将信息放在网页原始视频播放的前面播放；步骤S13.4：其他规则生成同类型的DOM节点；

步骤S14：将添加的DOM节点排版显示。

在本申请所提供的几个实施例中，应该理解到，所揭露的设备和方法，可以通过其它的方式实现。以上所描述的设备实施例仅仅是示意性的，例如，所述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，如：多个单元或组件可以结合，或可以集成到另一个系统，或一些特征可以忽略，或不执行。另外，所显示或讨论的各组成部分相互之间的耦合、或直接耦合、或通信连接可以是通过一些接口，设备或单元的间接耦合或通信连接，可以是电性的、机械的或其它形式的。

上述作为分离部件说明的单元可以是、或也可以不是物理上分开的，作为单元显示的部件可以是、或也可以不是物理单元，即可以位于一个地方，也可以分布到多个网络单元上；可以根据实际的需要选择其中的部分或全部单元来实现本实施例方案的目的。

另外，在本发明各实施例中的各功能单元可以全部集成在一个处理模块中，也可以是各单元分别单独作为一个单元，也可以两个或两个以上单元集成在一个单元中；上述集成的单元既可以采用硬件的形式实现，也可以采用硬件加软件功能单元的形式实现。

本领域普通技术人员可以理解：实现上述方法实施例的全部或部分步骤可以通过程序指令相关的硬件来完成，前述的程序可以存储于一计算机可读取存储介质中，该程序在执行时，执行包括上述方法实施例的步骤。

以上所述，仅为本发明的具体实施方式，但本发明的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本发明揭露的技术范围内，可轻易想到变化或替换，都应涵盖在本发明的保护范围之内。因此，本发明的保护范围应以所述权利要求的保护范围为准。

Claims (15)

1.一种向网页内插入信息的方法，其特征在于，应用于终端中，包括：

当需要第一应用中打开第三方的第一网页时，解析所述第一网页以获得所述第一网页包括的文档对象模型DOM节点，其中，所述DOM节点定义了网页的元素对象、所述元素对象的属性及访问方式的至少其中之一；

将待插入信息生成与所DOM节点相适配的第一网页元素；

将所述第一网页元素插入到所述第一网页中，生成第二网页；

在所述第一应用中显示所述第二网页；其中，发送所述第一网页的服务器，与所述第一应用的服务器不同。

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

所述解析的第一网页以获得所述第一网页包括的文档对象模型DOM节点，包括：

解析所述第一网页以获取所述第一网页中的网页元素对应的DOM节点；

确定所述DOM节点符合的DOM节点规则，以确定所述DOM节点的节点类型；

所述将待插入信息生成与所DOM节点相适配的第一网页元素，包括：

将待插入信息的生成与所述DOM节点的节点类型相适配的所述第一网页元素。

3.根据权利要求1或2所述的方法，其特征在于，

所述将所述第一网页元素插入到所述第一网页中，生成第二网页，包括：

判断所述第一网页元素与所述第一网页中的第二网页元素是否满足预设联性；

根据所述预设关联性的判断结果，确定所述第一网页元素在所述第一网页中的插入参数，其中，所述插入参数包括：插入位置及插入方式的至少其中之一；

根据所述插入参数，将所述第一网页元素添加到所述第一网页中生成所述第二网页。

4.根据权利要求3所述的方法，其特征在于，

所述根据所述预设关联性的判断结果，确定所述第一网页元素在所述第一网页中的插入参数，包括：

当所述第一网页元素和所述第二网页元素满足预设关联性时，根据所述第二网页元素的第二显示参数确定所述第一网页元素的第一显示参数；

所述根据所述插入参数，将所述第一网页元素添加到所述第一网页中生成所述第二网页，包括：

根据所述第一显示参数将所述第一网页元素添加到所述第一网页；

所述显示所述第二网页，包括：

根据所述第一显示参数在所述第二网页中显示所述第一网页元素。

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

所述第二显示参数包括：第二显示位置，所述第一显示参数包括：第一显示位置，所述第一显示位置与所述第二显示位置相邻；

或者，

所述第二显示参数包括：第二显示位置和第二显示时序；所述第一显示参数包括：第一显示位置和第一显示时序；其中，所述第一显示位置和所述第二显示位置相同，所述第一显示时序不同于所述第二显示时序，且所述第一时序和所述第二时序使得所述第一网络元素和所述第二网络元素不同时显示。

6.根据权利要求3所述的方法，其特征在于，

所述根据所述预设关联性的判断结果，确定所述第一网页元素在所述第一网页中的插入参数，还包括：

当所述第一网页元素与所述第二网页元素不满足所述预设关联性时，确定所述第一网络的尾部或空白处为所述第一网页元素的显示位置；

所述根据所述插入参数，将所述第一网页元素添加到所述第一网页中生成所述第二网页，包括：

在所述第一网络的尾部或空白处插入所述第一网页元素；

所述在所述第一应用中显示所述第二网页，包括：

在所述第一网络的尾部或空白处，显示所述第一网页元素。

7.根据权利要求1或2所述的方法，其特征在于，

所述将待插入信息生成与所DOM节点相适配的第一网页元素，包括：

获取所述待插入信息的信息类型；

当所述待插入信息的信息类型与所述DOM节点的节点类型不相适配时，提取所述待插入信息的信息内容；

基于所述信息内容，生成与所述DOM节点的节点类型相适配的第一网页元素。

8.根据权利要求1或2所述的方法，其特征在于，

所述将待插入信息生成与所DOM节点相适配的第一网页元素，包括以下至少之一：

当所述DOM节点为列表节点，将所述待插入信息生成列表元素；

当所述DOM节点为视频节点，将所述待插入信息生成视频元素或显示在视频元素播放之前的图片元素；

当所述DOM节点为文字节点，将所述待插入信息生成文本元素。

9.一种向网页内插入信息的装置，其特征在于，应用于终端中，包括：

解析单元，用于当需要第一应用中打开第三方的第一网页时，解析第一网页以获得所述第一网页包括的文档对象模型DOM节点，其中，所述DOM节点定义了网页的元素对象、所述元素对象的属性及访问方式的至少其中之一；

生成单元，用于将待插入信息生成与所DOM节点相适配的第一网页元素；

插入单元，用于将所述第一网页元素插入到所述第一网页中，生成第二网页；

显示单元，用于在所述第一应用中显示所述第二网页；其中，发送所述第一网页的服务器，与所述第一应用的服务器不同。

10.根据权利要求9所述的装置，其特征在于，

所述解析单元，具体用于解析所述第一网页以获取所述第一网页中的网页元素对应的DOM节点；确定所述DOM节点符合的DOM节点规则，以确定所述DOM节点的节点类型；

所述生成单元，具体用于将待插入信息的生成与所述DOM节点的节点类型相适配的所述第一网页元素。

11.根据权利要求10或11所述的装置，其特征在于，

所述插入单元，具体用于判断所述第一网页元素与所述第一网页中的第二网页元素是否满足预设联性；根据所述预设关联性的判断结果，确定所述第一网页元素在所述第一网页中的插入参数，其中，所述插入参数包括：插入位置及插入方式的至少其中之一；根据所述插入参数，将所述第一网页元素添加到所述第一网页中生成所述第二网页。

12.根据权利要求11所述的装置，其特征在于，

所述插入单元，具体用于当所述第一网页元素和所述第二网页元素满足预设关联性时，根据所述第二网页元素的第二显示参数确定所述第一网页元素的第一显示参数；根据所述第一显示参数将所述第一网页元素添加到所述第一网页；

所述显示单元，具体用于根据所述第一显示参数在所述第二网页中显示所述第一网页元素。

13.根据权利要求12所述的装置，其特征在于，

所述第二显示参数包括：第二显示位置，所述第一显示参数包括：第一显示位置，所述第一显示位置与所述第二显示位置相邻；

或者，

所述第二显示参数包括：第二显示位置和第二显示时序；所述第一显示参数包括：第一显示位置和第一显示时序；其中，所述第一显示位置和所述第二显示位置相同，所述第一显示时序不同于所述第二显示时序，且所述第一时序和所述第二时序使得所述第一网络元素和所述第二网络元素不同时显示。

14.一种显示终端，其特征在于，包括：

显示模组，用于显示信息；

存储器，用于存储计算机程序；

处理器，分别与所述显示模组及所述存储器连接，通过执行所述计算机程序，实现上述权利要求1至8任一项提供的向网页内插入信息的方法。

15.一种计算机存储介质，所述计算机存储介质中存储有计算机程序，所述计算机程序被执行后能够实现权利要求1至8任一项提供的向网页内插入信息的方法。