首页> 中国专利> 页面重排过程中确定重排后元素的背景信息的方法与设备

页面重排过程中确定重排后元素的背景信息的方法与设备

摘要

本发明的目的是提供一种用于在页面重排过程中确定重排后元素的背景信息的方法与设备。其中,网络设备获取待重排页面中的待重排元素;根据所述待重排页面,确定与所述待重排元素相对应的重排后元素;根据所述待重排页面,获取所述待重排元素的父元素;根据所述父元素中与所述待重排元素相对应的背景信息,以及所述待重排元素的背景信息,确定所述重排后元素的背景信息。与现有技术相比,本发明在一定程度上保证了重排后元素的背景信息与待重排元素在待重排页面中的背景信息相一致,同时极大地降低了对重排后元素的背景信息的计算量,并且使得用户在经由移动设备浏览网页时,获得更好的使用体验。

著录项

  • 公开/公告号CN102323939A

    专利类型发明专利

  • 公开/公告日2012-01-18

    原文格式PDF

  • 申请/专利权人 百度在线网络技术(北京)有限公司;

    申请/专利号CN201110256436.3

  • 发明设计人 彭晶鑫;

    申请日2011-08-31

  • 分类号G06F17/30(20060101);

  • 代理机构北京汉昊知识产权代理事务所(普通合伙);

  • 代理人罗朋;周建华

  • 地址 100085 北京市海淀区上地十街10号百度大厦

  • 入库时间 2023-12-18 04:12:59

法律信息

  • 法律状态公告日

    法律状态信息

    法律状态

  • 2013-05-29

    授权

    授权

  • 2012-03-14

    实质审查的生效 IPC(主分类):G06F17/30 申请日:20110831

    实质审查的生效

  • 2012-01-18

    公开

    公开

说明书

技术领域

本发明涉及移动互联网技术领域,尤其涉及一种用于在页面重排 过程中确定重排后元素的背景信息的技术。

背景技术

目前,现有技术对于用户经由移动设备,诸如手机、PDA等,访 问互联网的支持并不友好。主要的解决方案有两种,一种是按照与 PC相同的方式向移动设备提供用户请求访问的页面,仅对页面根据 移动设备的屏幕属性做伸缩处理,即全浏览页面;一种是改变web页 面的布局和/或排版,将web页面的全部内容进行列处理,即简略浏 览页面,如全部在纵向一列上显示。

由于受到移动设备的计算能力和屏幕属性的限制,简略浏览页面 需要对web页面中的大量页面元素进行重排处理,而当需要重排的页 面元素包括背景信息时,这一问题变得更加复杂。为了减小计算量, 或基于其他考虑,现有的简略浏览页面对于web页面中需要重排的页 面元素,往往只是在重排过程中简单地过滤其背景信息,对该等页面 元素进行重新排列,使得最终提供给用户的简略浏览页面中,重排后 元素的表现形式与原web页面中相应元素的表现形式明显不同,从而 导致用户的使用体验较差。

因此,如何提供一种在页面重排过程中确定重排后元素的背景信 息的技术,使得用户在访问简略浏览页面时,可以获得与相应web页 面类似的元素背景信息的展现效果,成为目前急需解决的问题之一。

发明内容

本发明的目的是提供一种用于在页面重排过程中确定重排后元 素的背景信息的方法与设备。

根据本发明的一个方面,提供了一种计算机实现的在页面重排过 程中确定重排后元素的背景信息的方法,其中,该方法包括以下步骤:

a获取待重排页面中的待重排元素;

b根据所述待重排页面,确定与所述待重排元素相对应的重排后 元素;

c根据所述待重排页面,获取所述待重排元素的父元素;

d根据所述父元素中与所述待重排元素相对应的背景信息,以及 所述待重排元素的背景信息,确定所述重排后元素的背景信息。

根据本发明的另一个方面,还提供了一种在页面重排过程中确定 重排后元素的背景信息的网络设备,其中,该网络设备包括:

待重排元素获取装置,用于获取待重排页面中的待重排元素;

重排后元素确定装置,用于根据所述待重排页面,确定与所述待重 排元素相对应的重排后元素;

上级节点获取装置,用于根据所述待重排页面,获取所述待重排元 素的父元素;

重排背景获取装置,用于根据所述父元素中与所述待重排元素相对 应的背景信息,以及所述待重排元素的背景信息,确定所述重排后元素 的背景信息。

与现有技术相比,本发明在页面重排过程中,根据待重排元素在 待重排页面中的背景信息,确定该待重排元素所对应的重排后元素的 背景信息,并且由于仅需根据待重排元素的父元素中与该待重排元素 相对应的背景信息,以及该待重排元素的背景信息,确定重排后元素的 背景信息,在一定程度上保证了重排后元素的背景信息与待重排元素在 待重排页面中的背景信息相一致,同时极大地降低了对重排后元素的背 景信息的计算量,并且使得用户在经由移动设备浏览网页时,获得更 好的使用体验。

附图说明

通过阅读参照以下附图所作的对非限制性实施例所作的详细描述, 本发明的其它特征、目的和优点将会变得更明显:

图1示出根据本发明一个方面的用于在页面重排过程中确定重排 后元素的背景信息的网络设备的示意图;

图2示出根据本发明一个优选实施例的用于在页面重排过程中确 定重排后元素的背景信息的网络设备的示意图;

图3示出根据本发明另一个方面的用于在页面重排过程中确定重 排后元素的背景信息的方法流程图;

图4示出根据本发明一个优选实施例的用于在页面重排过程中确 定重排后元素的背景信息的方法流程图;

图5示出根据本发明进行页面重排的待重排页面和重排后的新页 面的示意图。

附图中相同或相似的附图标记代表相同或相似的部件。

具体实施方式

下面结合附图对本发明作进一步详细描述。

图1为根据本发明一个方面的设备示意图,示出一种在页面重排 过程中确定重排后元素的背景信息的网络设备。其中,网络设备1包括 待重排元素获取装置11、重排后元素确定装置12、上级节点获取装置 13和重排背景获取装置14。具体地,待重排元素获取装置11获取待重 排页面中的待重排元素;重排后元素确定装置12根据所述待重排页面, 确定与所述待重排元素相对应的重排后元素;上级节点获取装置13根 据所述待重排页面,获取所述待重排元素的父元素;重排背景获取装置 14根据所述父元素中与所述待重排元素相对应的背景信息,以及所述待 重排元素的背景信息,确定所述重排后元素的背景信息。在此,网络设 备1包括但不限于各种网络服务器,诸如网站服务器、论坛服务器、博 客服务器等,以及与所述网络服务器进行通信的中间服务器,其中,所 述中间服务器包括但不限于网络主机、单个网络服务器、多个网络服 务器集或基于云计算的计算机集合,在此,云计算是分布式计算的一 种,由一群松散耦合的计算机集组成的一个超级虚拟计算机。本领域 技术人员应能理解上述网络设备仅为举例,其他现有的或今后可能出现 的网络设备如可适用于本发明,也应包含在本发明保护范围以内,并以 引用方式包含于此。

待重排元素获取装置11获取待重排页面中的待重排元素。在此,所 述待重排元素包括但不限于任何可适用于本发明的,在简略浏览页面中 的位置信息相对于其在全浏览页面中的位置信息发生变化的页面元素, 其中,所述简略浏览页面包括对web页面(或WWW页面)的页面元 素进行重排后,获得的布局发生变化的页面,所述全浏览页面包括web 网站基于各种网页开发工具生成的,与通过个人计算机进行浏览的页面 相同的页面。所述待重排页面包括网络设备1通过各种方式获取的全浏 览页面。所述待重排页面的页面元素包括所述待重排页面的文档结构中 的各节点元素;所述文档结构包括但不限于任何可适用于本发明的,根 据各种文档结构模型来对待重排页面进行解析后获得的待重排页面的 文档结构,诸如待重排页面的文档对象模型(DOM)、待重排页面的渲 染树模型(Render Tree)等。本文中,重排指通过对全浏览页面中页面 元素的重新排列和/或布局,获得相应的简略浏览页面的处理方式和/或 处理过程。

待重排元素获取装置11获取所述待重排元素的方式包括但不限于 以下方式:

1)获取待重排页面中几何信息小于预定值的页面元素作为候选待重 排元素,如果该等候选待重排元素中一页面元素的父元素的几何信息大 于所述预定值,则确定该页面元素为所述待重排元素,否则用该父元素 替代该页面元素作为候选待重排元素;重复上述过程,直至满足一定的 停止条件,如候选待重排元素为空。其中,所述几何信息包括但不限于 页面元素的宽度信息或高度信息,所述预定值可由网络设备1或用户进 行预设,或根据用户的移动终端的屏幕属性的统计结果确定,或根据待 重排页面所对应的当前移动终端的屏幕属性确定。

2)获取待重排页面中几何信息超过所述预定值的页面元素,如果该 等页面元素中一个页面元素的子元素的几何信息小于所述预定值,则确 定该(等)子元素为所述待重排元素,否则继续向下获取该等页面元素 的孙元素,即该(等)子元素的子元素,依次向下查找,直至获取几何 信息小于所述预定值的子孙元素,该(等)子孙元素即为所述待重排元 素。

本领域技术人员应能理解上述获取待重排元素的方式仅为举例,其 他现有的或今后可能出现的获取待重排元素的方式如可适用于本发明, 也应包含在本发明保护范围以内,并以引用方式包含于此。

重排后元素确定装置12根据所述待重排页面,确定与所述待重排元 素相对应的重排后元素。例如,如图5所示,左边的页面为待重排页面, 页面元素C、D、E为待重排元素,重排后元素确定装置12根据待重排 元素C、D、E在该待重排页面中的位置信息,确定待重排元素C、D、 E在重排后的位置信息,从而确定待重排元素C、D、E所对应的重排后 元素C’、D’、E’。

上级节点获取装置13根据所述待重排页面,获取所述待重排元素的 父元素。例如,上级节点获取装置13根据待重排页面的文档结构,诸 如待重排页面的文档对象模型(DOM)、待重排页面的渲染树模型 (Render Tree)等,获取所述待重排页面中待重排元素的父元素。

重排背景获取装置14根据所述待重排元素的父元素中与所述待重 排元素相对应的背景信息,以及所述待重排元素的背景信息,确定所述 待重排元素所对应的重排后元素的背景信息。例如,如图5所示,待重 排元素C的父元素为B,重排背景获取装置14根据待重排元素C在其 父元素B中所占的背景信息,即该父元素B中与待重排元素C相对应 的背景信息,以及待重排元素C的背景信息,通过在B中与C相对应 的背景信息上叠加C的背景信息,生成待重排元素C对应的重排后元素 C’的背景信息。

在图1所示网络设备1的一个优选实施例中,待重排元素获取装置 11获取待重排页面中的待重排元素;重排后元素确定装置12根据所述 待重排页面,确定与所述待重排元素相对应的重排后元素;上级节点获 取装置13根据所述待重排页面,获取所述待重排元素的祖先元素;重 排背景获取装置14自顶向下逐层叠加所述祖先元素的每一个中与所述 待重排元素相对应的背景信息,以及所述待重排元素的背景信息,以获 得所述重排后元素的背景信息。

其中,上级节点获取装置13根据待重排页面的文档结构,获取所述 待重排页面中待重排元素的祖先元素。例如,上级节点获取装置13根 据待重排页面的渲染树模型(Render Tree),获取该渲染树模型(Render  Tree)中待重排元素的一个或多个上级节点元素,该等上级节点元素即 为待重排元素的祖先元素。本领域技术人员应能理解上述待重排元素的 祖先元素的获取方式仅为举例,其他现有的或今后可能出现的待重排元 素的祖先元素的获取方式如可适用于本发明,也应包含在本发明保护范 围以内,并以引用方式包含于此。

重排背景获取装置14自顶向下逐层叠加所述祖先元素的每一个中 与所述待重排元素相对应的背景信息,以及所述待重排元素的背景信 息,以获得所述待重排元素所对应的重排后元素的背景信息。例如,如 图5所示,待重排元素C的父元素为B,祖父元素为A,待重排元素C 所对应的重排后元素为C’,重排背景获取装置14自顶向下逐层获取祖 父元素A中与待重排元素C相对应的背景信息,父元素B中与待重排 元素C相对应的背景信息,以及待重排元素C的背景信息,并按照前述 获取顺序对该等背景信息进行叠加,即将父元素B中与待重排元素C相 对应的背景信息叠加至祖父元素A中与待重排元素C相对应的背景信 息,再将待重排元素C的背景信息叠加至前项叠加获得的背景信息,以 获得重排后元素C’的背景信息。本领域技术人员应能理解上述重排后元 素的背景信息的获取方式仅为举例,其他现有的或今后可能出现的重排 后元素的背景信息的获取方式如可适用于本发明,也应包含在本发明保 护范围以内,并以引用方式包含于此。

在此,重排背景获取装置14根据待重排元素的所有祖先元素的背景 信息,确定待重排元素所对应的重排后元素的背景信息,使得重排后元 素的背景信息与待重排元素在待重排页面中的背景信息一致。

在图1所示网络设备1的另一个优选实施例中,待重排元素获取装 置11获取待重排页面中的待重排元素;重排后元素确定装置12根据所 述待重排页面,确定与所述待重排元素相对应的重排后元素;上级节点 获取装置13根据所述待重排页面,遍历所述待重排元素的祖先元素, 以获得所述待重排元素的第一祖先元素,其中,所述第一祖先元素包括 背景信息;重排背景获取装置14自顶向下逐层叠加所述第一祖先元素 的每一个中与所述待重排元素相对应的背景信息,以及所述待重排元素 的背景信息,以获得所述重排后元素的背景信息。

例如,如图5所示,待重排元素获取装置11获取待重排页面中的待 重排元素C;重排后元素确定装置12根据该待重排页面,确定与待重排 元素C相对应的重排后元素C’;上级节点获取装置13遍历待重排元素 C的祖先元素,获得待重排元素C的父元素B、祖父元素A,其中,该 父元素B无背景信息,祖父元素A包括背景信息,则该祖父元素A为 待重排元素C的第一祖先元素;重排背景获取装置14将待重排元素C 的背景信息叠加至祖父元素A中与待重排元素C相对应的背景信息,获 得重排后元素C’的背景信息。

在此,重排背景获取装置14根据待重排元素的祖先元素中包括背景 信息的第一祖先元素,确定待重排元素所对应的重排后元素的背景信 息,在使得重排后元素的背景信息与待重排元素在待重排页面中的背景 信息一致的同时,降低了对重排后元素的背景信息的计算量。

优选地,在该图1所示网络设备1的另一优选实施例中,上级节点 获取装置13从所述第一祖先元素中获取第二祖先元素,其中,所述第 二祖先元素的背景信息包括背景色且与所述待重排元素层级距离最近, 将所述第二祖先元素作为最高层级的第一祖先元素。例如,待重排元素 C的父元素为B,祖父元素为A,曾祖父元素为X,其中,父元素B、 祖父元素A和曾祖父元素X均包括背景信息,祖父元素A和曾祖父元 素X的背景信息中均包括背景色;据此,上级节点获取装置13获取父 元素B、祖父元素A和曾祖父元素X作为待重排元素C的第一祖先元素, 进一步地,因祖父元素A为与所述待重排元素C层级距离最近的、背景 信息包括背景色的第一祖先元素,上级节点获取装置13获取祖父元素A 作为待重排元素C的第二祖先元素;重排背景获取装置14获取祖父元 素A中与待重排元素C相对应的背景信息、父元素B中与待重排元素C 相对应的背景信息以及待重排元素C的背景信息,并按照该等背景信息 的获取顺序,依次进行叠加,以获得重排后元素C’的背景信息。

在此,重排背景获取装置14从待重排元素的包括背景信息的第一祖 先元素中,确定与待重排元素层级距离最近且背景信息包括背景色的第 二祖先元素,并从该第二祖先元素开始,自顶向下叠加各第一祖先元素 中与待重排元素相对应的背景信息,以及待重排元素相对应的背景信 息,从而获得重排后元素的背景信息。由于第二祖先元素的背景色会遮 挡其上级节点元素的背景信息,使得待重排页面中最终呈现的待重排元 素无法表现第二祖先元素的上级节点元素的背景信息,因此,仅从第二 祖先元素开始确定重排后元素的背景信息,不仅使得重排后元素的背景 信息与待重排元素在待重排页面中的背景信息在展现形式上保持一致, 而且极大地降低了对重排后元素的背景信息的计算量。

在图1所示网络设备1的再一个优选实施例中,待重排元素获取装 置11获取待重排页面中的待重排元素;重排后元素确定装置12根据所 述待重排页面,确定与所述待重排元素相对应的重排后元素;上级节点 获取装置13根据所述待重排页面,自底向上获取所述待重排元素的第 一祖先元素,直至满足预设停止条件,其中,所述第一祖先元素包括背 景信息;重排背景获取装置14自顶向下逐层叠加所述第一祖先元素的 每一个中与所述待重排元素相对应的背景信息,以及所述待重排元素的 背景信息,以获得所述重排后元素的背景信息。

其中,上级节点获取装置13根据所述待重排页面的页面结构,诸如 待重排页面的文档对象模型(DOM)、待重排页面的渲染树模型(Render  Tree)等,从所述待重排元素自底向上获取所述待重排元素的包括背景 信息的祖先元素,该等祖先元素即为第一祖先元素,直至满足预设停止 条件,诸如所述第一祖先元素的背景信息包括背景色或者所述第一祖先 元素的个数达到阈值。重排背景获取装置14从上级节点获取装置13已 获得的层级最高的第一祖先元素开始,自顶向下逐层叠加已获得的每一 个第一祖先元素中与所述待重排元素相对应的背景信息,以及所述待重 排元素的背景信息,以获得所述重排后元素的背景信息。

例如,预设停止条件为所述第一祖先元素的背景信息包括背景色或 者所述第一祖先元素的个数达到阈值,只要满足前述预设停止条件之 一,上级节点获取装置13即停止获取所述待重排元素的第一祖先元素; 根据待重排页面的渲染树模型(Render Tree),上级节点获取装置13 获取待重排元素C的父元素为B,且父元素B无背景信息,祖父元素为 A,且祖父元素A的背景信息包括背景色,据此,上级节点获取装置13 确定祖父元素A属于待重排元素C的第一祖先元素,且满足预定停止条 件;重排背景获取装置14将待重排元素C的背景信息叠加至祖父元素 A中与待重排元素C相对应的背景信息,以获得重排后元素C’的背景信 息。

在此,对上级节点获取装置13获取待重排元素的第一祖先元素的操 作设定停止条件,使得重排背景获取装置14确定重排后元素的背景信 息时,尽可能地保证重排后元素的背景信息与待重排元素在待重排页面 中的背景信息在展现形式上的一致,同时,极大地减少了待重排元素的 第一祖先元素的背景信息的相关计算,提高了网络设备1的页面重排响 应速率。

优选地,所述预设停止条件包括但不限于,以下至少任一项:

1)所述第一祖先元素的背景信息包括背景色;

2)所述第一祖先元素的个数达到阈值。

在此,从待重排元素自底向上获取其第一祖先元素,并对该等第一 祖先元素的获取操作设定停止条件,如上级节点获取装置13查找到包 括背景色的第一祖先元素时,即停止该获取第一祖先元素的操作,或者 上级节点获取装置13获得的待重排元素的第一祖先元素的个数达到阈 值,如4个时,即停止该获取第一祖先元素的操作,上级节点获取装置 13据此获得与重排后元素的背景信息相关度较高的待重排元素的第一 祖先元素,从而保证重排背景获取装置14基于该等第一祖先元素的背 景信息,获得的重排后元素的背景信息的准确度。

图2为根据本发明一个优选实施例的设备示意图,示出一种在页 面重排过程中确定重排后元素的背景信息的网络设备。其中,网络设备 1包括待重排元素获取装置21、重排后元素确定装置22、上级节点获取 装置23、重排背景获取装置24和页面重排装置25,其中,待重排元素 获取装置21包括待重排页面获取单元211、待重排页面解析单元212和 待重排元素确定单元213。具体地,待重排页面获取单元211获取所述 待重排页面;待重排页面解析单元212解析所述待重排页面,以获得所 述待重排页面的页面元素;待重排元素确定单元213根据所述页面元素 的几何信息,从所述页面元素中确定所述待重排元素;重排后元素确定 装置22根据所述待重排页面,确定与所述待重排元素相对应的重排后 元素;上级节点获取装置23根据所述待重排页面,获取所述待重排元 素的祖先元素;重排背景获取装置24自顶向下逐层叠加所述祖先元素 的每一个中与所述待重排元素相对应的背景信息,以及所述待重排元素 的背景信息,以获得所述重排后元素的背景信息;页面重排装置25根 据所述页面元素,对所述待重排页面进行重排处理,以获得重排后的页 面,根据所述重排后的页面,结合所述重排后元素的背景信息,生成与 所述待重排页面相对应的新页面。

其中,图2中重排后元素确定装置22、上级节点获取装置23、重排 背景获取装置24所执行的操作和图1中重排后元素确定装置12、上级 节点获取装置13和重排背景获取装置14所执行的操作的内容相同或基 本相同,为简明起见,以引用方式包含于此,不再赘述。

待重排页面获取单元211获取所述待重排页面。在此,待重排页面 获取单元211获取所述待重排页面的方式包括但不限于以下方式:

1)网络设备1包括网络服务器,待重排页面获取单元211获取该网 络设备1中存储的页面或用户请求访问的页面作为所述待重排页面;

2)网络设备1包括与所述网络服务器进行通信的中间服务器,待重 排页面获取单元211根据用户的页面访问请求,从所述网络服务器获取 相应的页面作为所述待重排页面。

本领域技术人员应能理解上述获取待重排页面的方式仅为举例,其 他现有的或今后可能出现的获取待重排页面的方式如可适用于本发明, 也应包含在本发明保护范围以内,并以引用方式包含于此。

待重排页面解析单元212解析所述待重排页面,以获得所述待重排 页面的页面元素。例如,待重排页面解析单元212对所述待重排页面进 行解析,获得所述待重排页面的文档对象模型(DOM)或渲染树(render  tree)模型,该文档对象模型(DOM)或渲染树(render tree)模型中的 节点元素即为所述待重排页面的页面元素。本领域技术人员应能理解上 述待重排页面的页面元素的获取方式仅为举例,其他现有的或今后可能 出现的待重排页面的页面元素的获取方式如可适用于本发明,也应包含 在本发明保护范围以内,并以引用方式包含于此。

待重排元素确定单元213根据所述页面元素的几何信息,从所述页 面元素中确定所述待重排元素。在此,待重排元素确定单元213确定所 述待重排元素的方式包括但不限于以下方式:

1)获取待重排页面中几何信息小于预定值的页面元素作为候选待重 排元素,如果该等候选待重排元素中一页面元素的父元素的几何信息大 于所述预定值,则确定该页面元素为所述待重排元素,否则用该父元素 替代该页面元素作为候选待重排元素;重复上述过程,直至满足一定的 停止条件,如候选待重排元素为空。

2)获取待重排页面中几何信息超过所述预定值的页面元素,如果该 等页面元素中一个页面元素的子元素的几何信息小于所述预定值,则确 定该(等)子元素为所述待重排元素,否则继续向下获取该等页面元素 的孙元素,即该(等)子元素的子元素,依次向下查找,直至获取几何 信息小于所述预定值的子孙元素,该(等)子孙元素即为所述待重排元 素。

本领域技术人员应能理解上述确定待重排元素的方式仅为举例,其 他现有的或今后可能出现的确定待重排元素的方式如可适用于本发明, 也应包含在本发明保护范围以内,并以引用方式包含于此。

页面重排装置25根据所述页面元素,对所述待重排页面进行重排处 理,以获得重排后的页面,根据所述重排后的页面,结合重排背景获取 装置24获得的重排后元素的背景信息,生成与所述待重排页面相对应 的新页面。例如,重排背景获取装置24获得重排后元素的背景信息; 页面重排装置25根据待重排页面的页面元素,对该待重排页面进行重 排处理,以获得重排后的页面,并用重排后元素的背景信息替代该页面 中相应的重排后元素,从而生成待重排页面经重排处理后的新页面。本 领域技术人员应能理解上述生成与待重排页面相对应的新页面的方式 仅为举例,其他现有的或今后可能出现的生成与待重排页面相对应的新 页面的方式如可适用于本发明,也应包含在本发明保护范围以内,并以 引用方式包含于此。

在图2所示网络设备1的一个优选实施例中,网络设备1还包括新 页面提供装置26。待重排页面获取单元211获取用户的页面访问请求, 将与所述页面访问请求相对应的页面作为所述待重排页面;待重排页面 解析单元212解析所述待重排页面,以获得所述待重排页面的页面元素; 待重排元素确定单元213根据所述页面元素的几何信息,从所述页面元 素中确定所述待重排元素;重排后元素确定装置22根据所述待重排页 面,确定与所述待重排元素相对应的重排后元素;上级节点获取装置23 根据所述待重排页面,获取所述待重排元素的祖先元素;重排背景获取 装置24自顶向下逐层叠加所述祖先元素的每一个中与所述待重排元素 相对应的背景信息,以及所述待重排元素的背景信息,以获得所述重排 后元素的背景信息;页面重排装置25根据所述页面元素,对所述待重 排页面进行重排处理,以获得重排后的页面,根据所述重排后的页面, 结合所述重排后元素的背景信息,生成与所述待重排页面相对应的新页 面;新页面提供装置26将所述新页面提供至所述用户。

在此,新页面提供装置26按照其与用户的移动设备约定的通信传输 协议,如http或https,将对用户请求访问的页面重排后获得的新页面提 供至用户。

优选地,在该图2所示网络设备1的优选实施例中,待重排元素确 定单元213根据所述待重排页面中页面元素的几何信息,并结合所述用 户的移动设备的屏幕属性,从所述页面元素中确定所述待重排页面的待 重排元素。例如,待重排元素确定单元213根据请求访问待重排页面的 移动设备的屏幕属性,设定页面元素的几何信息的预定值,如将移动设 备的屏幕宽度设为预定宽度值,按照该预定宽度值,根据该待重排页面 中页面元素的宽度信息,确定相应的待重排元素。本领域技术人员应能 理解上述确定待重排元素的方式仅为举例,其他现有的或今后可能出现 的确定待重排元素的方式如可适用于本发明,也应包含在本发明保护范 围以内,并以引用方式包含于此。

优选地,在该图2所示网络设备1的优选实施例中,网络设备1还 包括窗口操作响应装置27。窗口操作响应装置27获取所述用户的移动 设备的窗口属性,其中,所述窗口属性与所述用户的页面窗口操作相对 应,根据所述窗口属性,重新触发待重排元素确定单元213启动相应操 作。在此,移动设备的窗口属性包括横屏和竖屏,用户在访问页面时调 整移动设备的窗口属性,如从竖屏调整至横屏,窗口操作响应装置27 根据该调整后的窗口属性,确定相应的屏幕宽度和/或高度,并将该调整 后的屏幕宽度和/或高度提供至待重排元素确定单元213,触发待重排元 素确定单元213重新开始新一轮的待重排元素的确定,该新一轮的操作 直至新页面提供装置26将根据该重新确定的待重排元素获得的新页面 提供至用户。

图3为根据本发明另一个方面的方法流程图,示出一种计算机实 现的在页面重排过程中确定重排后元素的背景信息的过程。在此,所述 计算机包括任何能够按照事先存储的程序,自动、高速地进行大量数 值计算和各种信息处理的现代化智能电子设备,其硬件包括微处理 器、FPGA、DSP、嵌入式设备等。

具体地,在步骤S301中,网络设备1获取待重排页面中的待重排元 素;在步骤S302中,网络设备1根据所述待重排页面,确定与所述待 重排元素相对应的重排后元素;在步骤S303中,网络设备1根据所述 待重排页面,获取所述待重排元素的父元素;在步骤S304中,网络设 备1根据所述父元素中与所述待重排元素相对应的背景信息,以及所述 待重排元素的背景信息,确定所述重排后元素的背景信息。在此,网络 设备1包括但不限于各种网络服务器,诸如网站服务器、论坛服务器、 博客服务器等,以及与所述网络服务器进行通信的中间服务器,其中, 所述中间服务器包括但不限于网络主机、单个网络服务器、多个网络 服务器集或基于云计算的计算机集合,在此,云计算是分布式计算的 一种,由一群松散耦合的计算机集组成的一个超级虚拟计算机。本领 域技术人员应能理解上述网络设备仅为举例,其他现有的或今后可能出 现的网络设备如可适用于本发明,也应包含在本发明保护范围以内,并 以引用方式包含于此。

在步骤S301中,网络设备1获取待重排页面中的待重排元素。在此, 所述待重排元素包括但不限于任何可适用于本发明的,在简略浏览页面 中的位置信息相对于其在全浏览页面中的位置信息发生变化的页面元 素,其中,所述简略浏览页面包括对web页面(或WWW页面)的页 面元素进行重排后,获得的布局发生变化的页面,所述全浏览页面包括 web网站基于各种网页开发工具生成的,与通过个人计算机进行浏览的 页面相同的页面。所述待重排页面包括网络设备1通过各种方式获取的 全浏览页面。所述待重排页面的页面元素包括所述待重排页面的文档结 构中的各节点元素;所述文档结构包括但不限于任何可适用于本发明 的,根据各种文档结构模型来对待重排页面进行解析后获得的待重排页 面的文档结构,诸如待重排页面的文档对象模型(DOM)、待重排页面 的渲染树模型(Render Tree)等。本文中,重排指通过对全浏览页面中 页面元素的重新排列和/或布局,获得相应的简略浏览页面的处理方式和 /或处理过程。

在此,网络设备1获取所述待重排元素的方式包括但不限于以下方 式:

1)获取待重排页面中几何信息小于预定值的页面元素作为候选待重 排元素,如果该等候选待重排元素中一页面元素的父元素的几何信息大 于所述预定值,则确定该页面元素为所述待重排元素,否则用该父元素 替代该页面元素作为候选待重排元素;重复上述过程,直至满足一定的 停止条件,如候选待重排元素为空。其中,所述几何信息包括但不限于 页面元素的宽度信息或高度信息,所述预定值可由网络设备1或用户进 行预设,或根据用户的移动终端的屏幕属性的统计结果确定,或根据待 重排页面所对应的当前移动终端的屏幕属性确定。

2)获取待重排页面中几何信息超过所述预定值的页面元素,如果该 等页面元素中一个页面元素的子元素的几何信息小于所述预定值,则确 定该(等)子元素为所述待重排元素,否则继续向下获取该等页面元素 的孙元素,即该(等)子元素的子元素,依次向下查找,直至获取几何 信息小于所述预定值的子孙元素,该(等)子孙元素即为所述待重排元 素。

本领域技术人员应能理解上述获取待重排元素的方式仅为举例,其 他现有的或今后可能出现的获取待重排元素的方式如可适用于本发明, 也应包含在本发明保护范围以内,并以引用方式包含于此。

在步骤S302中,网络设备1根据所述待重排页面,确定与所述待重 排元素相对应的重排后元素。例如,如图5所示,左边的页面为待重排 页面,页面元素C、D、E为待重排元素,网络设备1根据待重排元素C、 D、E在该待重排页面中的位置信息,确定待重排元素C、D、E在重排 后的位置信息,从而确定待重排元素C、D、E所对应的重排后元素C’、 D’、E’。

在步骤S303中,网络设备1根据所述待重排页面,获取所述待重排 元素的父元素。例如,网络设备1根据待重排页面的文档结构,诸如待 重排页面的文档对象模型(DOM)、待重排页面的渲染树模型(Render  Tree)等,获取所述待重排页面中待重排元素的父元素。

在步骤S304中,网络设备1根据所述待重排元素的父元素中与所述 待重排元素相对应的背景信息,以及所述待重排元素的背景信息,确定 所述待重排元素所对应的重排后元素的背景信息。例如,如图5所示, 待重排元素C的父元素为B,网络设备1根据待重排元素C在其父元素 B中所占的背景信息,即该父元素B中与待重排元素C相对应的背景信 息,以及待重排元素C的背景信息,通过在B中与C相对应的背景信 息上叠加C的背景信息,生成待重排元素C对应的重排后元素C’的背 景信息。

在图3所示过程的一个优选实施例中,在步骤S301中,网络设备1 获取待重排页面中的待重排元素;在步骤S302中,网络设备1根据所 述待重排页面,确定与所述待重排元素相对应的重排后元素;在步骤 S303中,网络设备1根据所述待重排页面,获取所述待重排元素的祖先 元素;在步骤S304中,网络设备1自顶向下逐层叠加所述祖先元素的 每一个中与所述待重排元素相对应的背景信息,以及所述待重排元素的 背景信息,以获得所述重排后元素的背景信息。

其中,在步骤S303中,网络设备1根据待重排页面的文档结构,获 取所述待重排页面中待重排元素的祖先元素。例如,网络设备1根据待 重排页面的渲染树模型(Render Tree),获取该渲染树模型(Render Tree) 中待重排元素的一个或多个上级节点元素,该等上级节点元素即为待重 排元素的祖先元素。本领域技术人员应能理解上述待重排元素的祖先元 素的获取方式仅为举例,其他现有的或今后可能出现的待重排元素的祖 先元素的获取方式如可适用于本发明,也应包含在本发明保护范围以 内,并以引用方式包含于此。

在步骤S304中,网络设备1自顶向下逐层叠加所述祖先元素的每一 个中与所述待重排元素相对应的背景信息,以及所述待重排元素的背景 信息,以获得所述待重排元素所对应的重排后元素的背景信息。例如, 如图5所示,待重排元素C的父元素为B,祖父元素为A,待重排元素 C所对应的重排后元素为C’,网络设备1自顶向下逐层获取祖父元素 A中与待重排元素C相对应的背景信息,父元素B中与待重排元素C 相对应的背景信息,以及待重排元素C的背景信息,并按照前述获取顺 序对该等背景信息进行叠加,即将父元素B中与待重排元素C相对应的 背景信息叠加至祖父元素A中与待重排元素C相对应的背景信息,再将 待重排元素C的背景信息叠加至前项叠加获得的背景信息,以获得重排 后元素C’的背景信息。本领域技术人员应能理解上述重排后元素的背景 信息的获取方式仅为举例,其他现有的或今后可能出现的重排后元素的 背景信息的获取方式如可适用于本发明,也应包含在本发明保护范围以 内,并以引用方式包含于此。

在此,网络设备1根据待重排元素的所有祖先元素的背景信息,确 定待重排元素所对应的重排后元素的背景信息,使得重排后元素的背景 信息与待重排元素在待重排页面中的背景信息一致。

在图3所示过程的另一个优选实施例中,在步骤S301中,网络设备 1获取待重排页面中的待重排元素;在步骤S302中,网络设备1根据所 述待重排页面,确定与所述待重排元素相对应的重排后元素;在步骤 S303中,网络设备1根据所述待重排页面,遍历所述待重排元素的祖先 元素,以获得所述待重排元素的第一祖先元素,其中,所述第一祖先元 素包括背景信息;在步骤S304中,网络设备1自顶向下逐层叠加所述 第一祖先元素的每一个中与所述待重排元素相对应的背景信息,以及所 述待重排元素的背景信息,以获得所述重排后元素的背景信息。

例如,如图5所示,在步骤S301中,网络设备1获取待重排页面中 的待重排元素C;在步骤S302中,网络设备1根据该待重排页面,确定 与待重排元素C相对应的重排后元素C’;在步骤S303中,网络设备1 遍历待重排元素C的祖先元素,获得待重排元素C的父元素B、祖父元 素A,其中,该父元素B无背景信息,祖父元素A包括背景信息,则该 祖父元素A为待重排元素C的第一祖先元素;在步骤S304中,网络设 备1将待重排元素C的背景信息叠加至祖父元素A中与待重排元素C 相对应的背景信息,获得重排后元素C’的背景信息。

在此,网络设备1根据待重排元素的祖先元素中包括背景信息的第 一祖先元素,确定待重排元素所对应的重排后元素的背景信息,在使得 重排后元素的背景信息与待重排元素在待重排页面中的背景信息一致 的同时,降低了对重排后元素的背景信息的计算量。

优选地,在该图3所示过程的另一优选实施例中,在步骤S303中, 网络设备1从所述第一祖先元素中获取第二祖先元素,其中,所述第二 祖先元素的背景信息包括背景色且与所述待重排元素层级距离最近, 将所述第二祖先元素作为最高层级的第一祖先元素。例如,待重排元素 C的父元素为B,祖父元素为A,曾祖父元素为X,其中,父元素B、 祖父元素A和曾祖父元素X均包括背景信息,祖父元素A和曾祖父元 素X的背景信息中均包括背景色;据此,网络设备1获取父元素B、祖 父元素A和曾祖父元素X作为待重排元素C的第一祖先元素,进一步地, 因祖父元素A为与所述待重排元素C层级距离最近的、背景信息包括背 景色的第一祖先元素,网络设备1获取祖父元素A作为待重排元素C的 第二祖先元素;随后,网络设备1获取祖父元素A中与待重排元素C相 对应的背景信息、父元素B中与待重排元素C相对应的背景信息以及待 重排元素C的背景信息,并按照该等背景信息的获取顺序,依次进行叠 加,以获得重排后元素C’的背景信息。

在此,网络设备1从待重排元素的包括背景信息的第一祖先元素中, 确定与待重排元素层级距离最近且背景信息包括背景色的第二祖先元 素,并从该第二祖先元素开始,自顶向下叠加各第一祖先元素中与待重 排元素相对应的背景信息,以及待重排元素相对应的背景信息,从而获 得重排后元素的背景信息。由于第二祖先元素的背景色会遮挡其上级节 点元素的背景信息,使得待重排页面中最终呈现的待重排元素无法表现 第二祖先元素的上级节点元素的背景信息,因此,仅从第二祖先元素开 始确定重排后元素的背景信息,不仅使得重排后元素的背景信息与待重 排元素在待重排页面中的背景信息在展现形式上保持一致,而且极大地 降低了对重排后元素的背景信息的计算量。

在图3所示过程的再一个优选实施例中,在步骤S301中,网络设备 1获取待重排页面中的待重排元素;在步骤S302中,网络设备1根据所 述待重排页面,确定与所述待重排元素相对应的重排后元素;在步骤 S303中,网络设备1根据所述待重排页面,自底向上获取所述待重排元 素的第一祖先元素,直至满足预设停止条件,其中,所述第一祖先元素 包括背景信息;在步骤S304中,网络设备1自顶向下逐层叠加所述第 一祖先元素的每一个中与所述待重排元素相对应的背景信息,以及所述 待重排元素的背景信息,以获得所述重排后元素的背景信息。

其中,在步骤S303中,网络设备1根据所述待重排页面的页面结构, 诸如待重排页面的文档对象模型(DOM)、待重排页面的渲染树模型 (Render Tree)等,从所述待重排元素自底向上获取所述待重排元素的 包括背景信息的祖先元素,该等祖先元素即为第一祖先元素,直至满足 预设停止条件,诸如所述第一祖先元素的背景信息包括背景色或者所述 第一祖先元素的个数达到阈值。在步骤S304中,网络设备1从已获得 的层级最高的第一祖先元素开始,自顶向下逐层叠加已获得的每一个第 一祖先元素中与所述待重排元素相对应的背景信息,以及所述待重排元 素的背景信息,以获得所述重排后元素的背景信息。

例如,预设停止条件为所述第一祖先元素的背景信息包括背景色或 者所述第一祖先元素的个数达到阈值,只要满足前述预设停止条件之 一,网络设备1即停止获取所述待重排元素的第一祖先元素;根据待重 排页面的渲染树模型(Render Tree),网络设备1获取待重排元素C的 父元素为B,且父元素B无背景信息,祖父元素为A,且祖父元素A的 背景信息包括背景色,据此,网络设备1确定祖父元素A属于待重排元 素C的第一祖先元素,且满足预定停止条件;随后,网络设备1将待重 排元素C的背景信息叠加至祖父元素A中与待重排元素C相对应的背 景信息,以获得重排后元素C’的背景信息。

在此,对获取待重排元素的第一祖先元素的操作设定停止条件,使 得网络设备1在确定重排后元素的背景信息时,尽可能地保证重排后元 素的背景信息与待重排元素在待重排页面中的背景信息在展现形式上 的一致,同时,极大地减少了待重排元素的第一祖先元素的背景信息的 相关计算,提高了网络设备1的页面重排响应速率。

优选地,所述预设停止条件包括但不限于,以下至少任一项:

1)所述第一祖先元素的背景信息包括背景色;

2)所述第一祖先元素的个数达到阈值。

在此,从待重排元素自底向上获取其第一祖先元素,并对该等第一 祖先元素的获取操作设定停止条件,如网络设备1查找到包括背景色的 第一祖先元素时,即停止该获取第一祖先元素的操作,或者网络设备1 获得的待重排元素的第一祖先元素的个数达到阈值,如4个时,即停止 该获取第一祖先元素的操作,网络设备1据此获得与重排后元素的背景 信息相关度较高的待重排元素的第一祖先元素,从而保证网络设备1基 于该等第一祖先元素的背景信息,获得的重排后元素的背景信息的准确 度。

图4为根据本发明一个优选实施例的方法流程图,示出一种在页 面重排过程中确定重排后元素的背景信息的过程。具体地,在步骤S4011 中,网络设备1获取所述待重排页面;在步骤S4012中,网络设备1解 析所述待重排页面,以获得所述待重排页面的页面元素;在步骤S4013 中,网络设备1根据所述页面元素的几何信息,从所述页面元素中确定 所述待重排元素;在步骤S402中,网络设备1根据所述待重排页面, 确定与所述待重排元素相对应的重排后元素;在步骤S403中,网络设 备1根据所述待重排页面,获取所述待重排元素的祖先元素;在步骤S404 中,网络设备1自顶向下逐层叠加所述祖先元素的每一个中与所述待重 排元素相对应的背景信息,以及所述待重排元素的背景信息,以获得所 述重排后元素的背景信息;在步骤S405中,网络设备1根据所述页面 元素,对所述待重排页面进行重排处理,以获得重排后的页面,根据所 述重排后的页面,结合所述重排后元素的背景信息,生成与所述待重排 页面相对应的新页面。

其中,图4中网络设备1在步骤S402、步骤S403和步骤S404中所 执行的操作和图3中网络设备1在步骤S302、步骤S303和步骤S304 中所执行的操作的内容相同或基本相同,为简明起见,以引用方式包含 于此,不再赘述。

在步骤S4011中,网络设备1获取所述待重排页面。在此,网络设 备1获取所述待重排页面的方式包括但不限于以下方式:

1)网络设备1包括网络服务器,该网络设备1获取其存储的页面或 用户请求访问的页面作为所述待重排页面;

2)网络设备1包括与所述网络服务器进行通信的中间服务器,该网 络设备1根据用户的页面访问请求,从所述网络服务器获取相应的页面 作为所述待重排页面。

本领域技术人员应能理解上述获取待重排页面的方式仅为举例,其 他现有的或今后可能出现的获取待重排页面的方式如可适用于本发明, 也应包含在本发明保护范围以内,并以引用方式包含于此。

在步骤S4012中,网络设备1解析所述待重排页面,以获得所述待 重排页面的页面元素。例如,网络设备1对所述待重排页面进行解析, 获得所述待重排页面的文档对象模型(DOM)或渲染树(render tree) 模型,该文档对象模型(DOM)或渲染树(render tree)模型中的节点 元素即为所述待重排页面的页面元素。本领域技术人员应能理解上述待 重排页面的页面元素的获取方式仅为举例,其他现有的或今后可能出现 的待重排页面的页面元素的获取方式如可适用于本发明,也应包含在本 发明保护范围以内,并以引用方式包含于此。

在步骤S4013中,网络设备1根据所述页面元素的几何信息,从所 述页面元素中确定所述待重排元素。在此,网络设备1确定所述待重排 元素的方式包括但不限于以下方式:

1)获取待重排页面中几何信息小于预定值的页面元素,如果该等页 面元素中一页面元素的父元素的几何信息也小于所述预定值,则该父元 素为所述待重排元素,否则该页面元素为所述待重排元素;

2)获取待重排页面中几何信息超过所述预定值的页面元素,如果该 等页面元素的子元素的几何信息小于所述预定值,则该(等)子元素为 所述待重排元素,如果该(等)子元素的几何信息仍超过所述预定值, 则继续向下获取孙元素,依次向下查找,直至获取几何信息小于所述预 定值的子孙元素,该等子孙元素即为所述待重排元素。

本领域技术人员应能理解上述确定待重排元素的方式仅为举例,其 他现有的或今后可能出现的确定待重排元素的方式如可适用于本发明, 也应包含在本发明保护范围以内,并以引用方式包含于此。

在步骤S405中,网络设备1根据所述页面元素,对所述待重排页面 进行重排处理,以获得重排后的页面,根据所述重排后的页面,结合其 在步骤S404中获得的重排后元素的背景信息,生成与所述待重排页面 相对应的新页面。例如,在步骤S404中,网络设备1获得重排后元素 的背景信息;在步骤S405中,网络设备1根据待重排页面的页面元素, 对该待重排页面进行重排处理,以获得重排后的页面,并用重排后元素 的背景信息替代该页面中相应的重排后元素,从而生成待重排页面经重 排处理后的新页面。本领域技术人员应能理解上述生成与待重排页面相 对应的新页面的方式仅为举例,其他现有的或今后可能出现的生成与待 重排页面相对应的新页面的方式如可适用于本发明,也应包含在本发明 保护范围以内,并以引用方式包含于此。

在图4所示过程的一个优选实施例中,该过程还包括步骤S406。在 步骤S4011中,网络设备1获取用户的页面访问请求,将与所述页面访 问请求相对应的页面作为所述待重排页面;在步骤S4012中,网络设备 1解析所述待重排页面,以获得所述待重排页面的页面元素;在步骤 S4013中,网络设备1根据所述页面元素的几何信息,从所述页面元素 中确定所述待重排元素;在步骤S402中,网络设备1根据所述待重排 页面,确定与所述待重排元素相对应的重排后元素;在步骤S403中, 网络设备1根据所述待重排页面,获取所述待重排元素的祖先元素;在 步骤S404中,网络设备1自顶向下逐层叠加所述祖先元素的每一个中 与所述待重排元素相对应的背景信息,以及所述待重排元素的背景信 息,以获得所述重排后元素的背景信息;在步骤S405中,网络设备1 根据所述页面元素,对所述待重排页面进行重排处理,以获得重排后的 页面,根据所述重排后的页面,结合所述重排后元素的背景信息,生成 与所述待重排页面相对应的新页面;在步骤S406中,网络设备1将所 述新页面提供至所述用户。

在此,在步骤S406中,网络设备1按照其与用户的移动设备约定的 通信传输协议,如http或https,将对用户请求访问的页面重排后获得的 新页面提供至用户。

优选地,在该图4所示过程的优选实施例中,在步骤S4013中,网 络设备1根据所述待重排页面中页面元素的几何信息,并结合所述用户 的移动设备的屏幕属性,从所述页面元素中确定所述待重排页面的待重 排元素。例如,网络设备1根据请求访问待重排页面的移动设备的屏幕 属性,设定页面元素的几何信息的预定值,如将移动设备的屏幕宽度设 为预定宽度值,按照该预定宽度值,根据该待重排页面中页面元素的宽 度信息,确定相应的待重排元素。本领域技术人员应能理解上述确定待 重排元素的方式仅为举例,其他现有的或今后可能出现的确定待重排元 素的方式如可适用于本发明,也应包含在本发明保护范围以内,并以引 用方式包含于此。

优选地,在该图4所示过程的优选实施例中,该过程还包括步骤S407 (未示出)。在步骤S407中,网络设备1获取所述用户的移动设备的 窗口属性,其中,所述窗口属性与所述用户的页面窗口操作相对应,根 据所述窗口属性,重新执行步骤S4013至步骤S406的相应操作。在此, 移动设备的窗口属性包括横屏和竖屏,用户在访问页面时调整移动设备 的窗口属性,如从竖屏调整至横屏,网络设备1根据该调整后的窗口属性, 确定相应的屏幕宽度和/或高度,并将该调整后的屏幕宽度和/或高度自 步骤S4013重新开始新一轮的待重排元素的确定,该新一轮的操作直至 网络设备1在步骤S406将根据该重新确定的待重排元素获得的新页面 提供至用户。

对于本领域技术人员而言,显然本发明不限于上述示范性实施例 的细节,而且在不背离本发明的精神或基本特征的情况下,能够以其 他的具体形式实现本发明。因此,无论从哪一点来看,均应将实施例 看作是示范性的,而且是非限制性的,本发明的范围由所附权利要求 而不是上述说明限定,因此旨在将落在权利要求的等同要件的含义和 范围内的所有变化涵括在本发明内。不应将权利要求中的任何附图标 记视为限制所涉及的权利要求。此外,显然“包括”一词不排除其他单 元或步骤,单数不排除复数。系统权利要求中陈述的多个单元或装置 也可以由一个单元或装置通过软件或者硬件来实现。第一,第二等词 语用来表示名称,而并不表示任何特定的顺序。

去获取专利,查看全文>

相似文献

  • 专利
  • 中文文献
  • 外文文献
获取专利

客服邮箱:kefu@zhangqiaokeyan.com

京公网安备:11010802029741号 ICP备案号:京ICP备15016152号-6 六维联合信息科技 (北京) 有限公司©版权所有
  • 客服微信

  • 服务号