[发明专利]页面排版方法、装置及系统

说明书

技术领域

本发明涉及移动终端浏览器领域，更为具体地，涉及用于对在移动终端上显示的网页内容进行适屏排版处理的页面排版方法、装置及系统。

背景技术

目前，移动终端上显示的网页内容大部分都是从PC端获取的。PC端的网页内容都是基于PC机的屏幕尺寸来设计的，由于PC机的屏幕尺寸远远大于移动终端的屏幕尺寸，如果不对从PC端获取的网页内容进行适屏处理，则在移动终端上显示该网页内容时，将会有大部分网页内容显示在移动终端的屏幕之外，从而使得移动终端的用户在阅读该网页内容时需要进行左右移动操作处理，由此给用户的阅读带来不佳的体验。

为了解决上述问题，目前移动终端浏览器都采用了适屏排版技术，该适屏排版技术是目前WEB浏览的一种主要处理方式。在适屏排版技术中，原有网页字体大小保持不变，而是将超出手机屏宽的部分网页内容折行显示。这样，用户仅仅通过上下滑动屏幕，就可以方便地浏览网页。

适屏排版的难点在于需要对原始网页的样式进行特别处理，在保证适屏显示的同时尽量保持较好的网页整体布局。另外，针对表格、图文之类的元素或者元素组合，也需要一些特别处理，由此保证这些元素也能适屏且不对整体排版效果造成破坏。

目前，在移动终端上一般都采用私有的排版协议来进行上述适屏排版处理。在这种情况下，在移动终端上安装的浏览器客户端往往不是比如类似于android自带浏览器Chrome和iPhone自带浏览器Safari之类的标准浏览器。这种浏览器客户端不具有标准浏览器内核，从而无法单独解析标准的HTML和CSS，并且浏览器客户端也需要和服务器一一对应，换言之，对端服务器也需要采用相应的私有排版协议，才能进行相应的数据解析和传输。

然而，这类适屏排版处理方式有以下无法克服的问题：(1)由于该种浏览器没有采用标准的浏览器内核，因此在一些平台上会被禁止；(2)由于采用私有协议，后期会非常麻烦，往往需要同时更新客户端和服务器；(3)跨平台移植效率低，无法广泛兼容。

发明内容

鉴于上述，本发明提出了一种页面排版方法、装置及系统，利用该方法、装置及系统，通过确定网页数据的DOM树中各节点的节点显示宽度，在节点是表格节点且节点显示宽度大于移动终端的屏幕宽度时，修改该节点及子节点的节点类型和节点CSS属性，可以实现基于通用排版协议的适屏排版处理。

根据本发明的一个方面，提供了一种页面排版方法，包括：在接收到基于移动终端发出的网页加载请求而从目标网页内容服务器获取的网页数据后，将所述网页数据解析成与所述网页数据对应的DOM树及对应的节点CSS属性，其中，所述网页加载请求与移动终端的屏幕宽度信息一起发送给中间件服务器；遍历所述DOM树，确定所述DOM树中各个节点的节点显示宽度；基于移动终端的屏幕宽度和所确定的各个节点的节点显示宽度，修改各个节点的节点类型和节点CSS属性；以及根据所述DOM树以及修改后的各个节点的节点CSS属性，生成经过适屏排版处理后的网页页面，以供发送给移动终端来进行浏览。

在上述方面的一个或多个示例中，所述节点可以包括文本节点、图片节点和表格节点。

在上述方面的一个或多个示例中，在所述节点的类型是表格节点时，确定所述DOM树中各个节点的节点显示宽度可以包括：遍历所述表格节点的所有行，确定各行中包含的表格单元的显示宽度；将各行中的所有表格单元的显示宽度相加，计算出各行的行显示宽度；从所计算出的各行的行显示宽度中选择最大的行显示宽度，作为所述表格节点的节点显示宽度。

在上述方面的一个或多个示例中，确定表格单元的显示宽度包括：确定该表格单元的所有叶节点的样式类型和显示宽度；按照将样式类型为行内元素的连续叶节点的显示宽度相加以及其它叶节点的显示宽度保持不变的方式，对该表格单元的所有叶节点的显示宽度进行处理；以及从经过处理后的显示宽度中选择最大的显示宽度，作为该表格单元的显示宽度。

在上述方面的一个或多个示例中，在所述节点的类型是文本节点或图片节点时，确定所述DOM树中各个节点的显示宽度可以包括：根据文本宽度计算方法或图片宽度计算方法计算节点显示宽度。