CN107436939A

CN107436939A - 一种页面转换方法、装置

Info

Publication number: CN107436939A
Application number: CN201710624920.4A
Authority: CN
Inventors: 商任伟; 聂永升; 李志鹏
Original assignee: Beijing A De Hehe Technology Co Ltd
Current assignee: Beijing A De Hehe Technology Co Ltd
Priority date: 2017-07-27
Filing date: 2017-07-27
Publication date: 2017-12-05

Abstract

本发明公开了一种页面转换方法、装置，方法包括：接收访问请求，生成新的访问请求，接收返回的原始页面，对所述原始页面预处理，匹配出预置的页面模版文件，返回处理过后的页面。本发明可以通过在用户的无线终端上显示排版更加合理、内容网页显示更加美观、内容量更加丰富的转换页面，提高用户体验。

Description

一种页面转换方法、装置

技术领域

本发明涉及计算机软件领域、无线互联网领域，特别涉及一种页面转换方法、装置，可在无线端访问时可对内容网页进行重排。

背景技术

无线互联网，是由移动无线网络组成，并实现网络的手机数据双向传输的网络，无线互联网是建立在无线网络基础上的互联网。无线网络即是由***、***、中国电信、提供的没有硬线路的网络。中国的无线网络包括：***的GSM网络，***的GSM网络和CDMA网络。通过手机移动上网时移动终端已成为移动上网操作最主要的物理载体。

由于受到物理硬件显示屏幕小的限制，浏览显示效果较差，通常用户在使用小屏幕终端比如移动终端、PDA，当打开网站上的页面内容时，由于网站页面尺寸相对于终端小屏幕尺寸来说大得多，所以造成用户在无线终端上打开网页时网页内容排序混乱，影响阅读，用户体验较差。

在浏览器中的渲染过程如下：

1)浏览器解析html源码，然后创建一个DOM树；在DOM树中，每一个HTML标签都有一个对应的节点，并且每一个文本也都会有一个对应的文本节点；DOM树的根节点就是documentElement，对应的是html标签。

2)浏览器解析CSS代码，计算出最终的样式数据。对CSS代码中非法的语法直接忽略掉。解析CSS的时候会按照如下顺序来定义优先级：浏览器默认设置，用户设置，外链样式，内联样式，html中的style。

3)构建出DOM树，并且计算出样式数据后，下一步就是构建一个渲染树(renderingtree)，DOM树完全和html标签一一对应，但是渲染树会忽略掉不需要渲染的元素，比如head、display:none的元素等。

4)一旦渲染树创建好了，浏览器就可以根据渲染树直接把页面绘制到屏幕上。

浏览器中的重排，是当渲染树的一部分必须要更新并且节点的尺寸发生了变化，这就会触发重排操作。

现有技术中，有一些方法解决用户在使用小屏幕终端比如移动终端、PDA，当打开网站上的页面内容时内容网页的重排问题，比如，中国专利CN201110060341.4，一种网页重排版的方法和***，包括手机浏览器客户端和缓存服务器，手机浏览器客户端与缓存服务器之间通过网络连接，手机浏览器客户端用于获取并显示网页地址对应的已经重排版页面，根据网页重排版策略将网页地址对应的未重排版页面生成重排版页面，并上传到缓存服务器中保存；缓存服务器用于存储网页地址对应的重排版页面，并发送给手机浏览器客户端。通过缓存服务器，降低对服务器的资源消耗，但是缺陷在于：遇到网页内容变化相对较多的新闻、要闻类等特殊的内容更新较快网页或者物理尺寸不同的终端，还是存在内容网页显示问题。

发明内容

本发明要解决的技术问题是，提供一种形式简洁、转换速度快的页面转换方法。

解决上述技术问题，本发明提供了一种页面转换方法，包括如下步骤：

接收访问请求，

生成新的访问请求，

接收返回的原始页面，

对所述原始页面预处理，匹配出预置的页面模版文件，

返回处理过后的页面。

更进一步，生成新的访问请求还包括：转换地址，用以作为无线终端访问的地址。

更进一步，对所述原始页面预处理还包括：所述原始页面包含的js和css文件。

更进一步，所述页面模版文件还包括：

建立一个索引脚本用以查找模版使用,

通过查找所述索引寻找页面模版文件。

更进一步，方法还包括：用以接收返回处理过后的页面的无线终端。

更进一步，方法还包括：用以接收访问请求，生成新的访问请求或接收返回的原始页面或对所述原始页面预处理，匹配出预置的页面模版文件的转换服务器。

更进一步，页面模版文件还包括：通过对数据的定义，对数据完成抓取。

基于上述，本发明还提供了一种页面转换装置，通过在无线终端和原页面服务器之间搭建一转换服务器实现转换，所述转换服务器用以，接收无线终端的访问请求，并生成新的访问请求，接收从原页面服务器返回的原始页面，

所述转换服务器还包括：

模板撰写单元，用以建立一个索引脚本用以查找模版使用,通过查找所述索引寻找页面模版文件，

页面预处理单元，用以对所述原始页面预处理，

模块匹配单元，用以匹配出预置的页面模版文件，返回处理过后的页面。

更进一步，所述页面模版文件还用以修改html标签。

更进一步，所述页面模版文件包含完整的html元素。

本发明的有益效果：

本发明中的页面转换方法，通过对所述原始页面预处理，匹配出预置的页面模版文件，返回处理过后的页面。通过脚本文件，在进行页面转换过程中执行，从而可以在用户的无线终端上显示排版更加合理、内容网页显示更加美观、内容量更加丰富的转换页面。此外，重新排版大大缩小了页面幅度，减少冗余图片的出现，保证了浏览器的渲染速度，页面排布更加简洁，有利于页面在终端小屏幕上显示，用户体验效果好。

此外由于此种模式传输到手机端的是进行处理过的页面,因此还可以在很大程度上减轻手机端页面渲染的压力,进一步提高用户体验。

附图说明

图1是本发明一实施例中的页面转换方法流程示意图；

图2是本发明一实施例中的转换服务器示意图；

图3是本发明一实施例中的页面转换装置结构示意图；

具体实施方式

现在将参考一些示例实施例描述本公开的原理。可以理解，这些实施例仅出于说明并且帮助本领域的技术人员理解和实施例本公开的目的而描述，而非建议对本公开的范围的任何限制。在此描述的本公开的内容可以以下文描述的方式之外的各种方式实施。

如本文中所述，术语“包括”及其各种变体可以被理解为开放式术语，其意味着“包括但不限于”。术语“基于”可以被理解为“至少部分地基于”。术语“一个实施例”可以被理解为“至少一个实施例”。术语“另一实施例”可以被理解为“至少一个其它实施例”。

请参考图1是本发明一实施例中的页面转换方法流程示意图，具体包括：

步骤S1接收访问请求，访问请求可以由用户在无线终端上发出，比如是手机，手机要访问的页面的原始地址，比如以为列http://www.***.com/为例，

步骤S2生成新的访问请求，新的访问请求由代理服务器提供的访问地址,是手机实际访问此地址,最终得到的页面为处理过的源地址页面内，比如可以通过http://localhost:9100/qhrw***/(本地主机)来访问转换成手机页面的百度页面；

步骤S3接收返回的原始页面，通过要访问的原始页面所在的服务器可返回原始页面，

步骤S4对所述原始页面预处理，匹配出预置的页面模版文件，通过预先撰写并保存好的一些脚本javascript文件，模版文件保存在代理服务器上，在进行页面转换时由服务器执行该些模版文件，

步骤S5返回处理过后的页面。

上述步骤S3-步骤S5进行接收手机访问请求并进行页面处，需要在代理服务器上实现。

通过上述步骤，可在用户无线终端显示排版更加合理、内容网页显示更加美观、内容量更加丰富的转换页面。

作为本实施例中的优选，生成新的访问请求还包括：转换地址，用以作为无线终端访问的地址。

作为本实施例中的优选，对所述原始页面预处理还包括：所述原始页面包含的js和css文件，包括页面中包含的js和css文件等,分析并替换其中的链接地址为相对地址。一般而言js文件或css文件都在网页的头部<head>与</head>之间加载，为超链接形式，点击会以新页面形式显示js文件或css文件的源代码，通过另存则可以存到本地。比如，

<div>定义文档中的节或区域(块级)。

<span>定义文档中的行内的小块或区域。

<font>规定文本的字体、字体尺寸、字体颜色。

<basefont>定义基准字体。

<center>对文本进行水平居中。

超链接形式是指HTML超链接，超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。当把鼠标指针移动到网页中的某个链接上时，箭头会变为一只小手，通过使用<a>标签在HTML中创建链接。有两种使用<a>标签的方式：

通过使用href属性-创建指向另一个文档的链接。

通过使用name属性-创建文档内的书签。

作为本实施例中的优选，所述页面模版文件还包括：建立一个索引脚本用以查找模版使用,通过查找所述索引寻找页面模版文件。索引可使用预定义的模板进行创建,比如Index templates，模板设置包括settings和mappings，通过模式匹配的方式使得多个索引重用一个模板。

作为本实施例中的优选，上述方法还包括：用以接收返回处理过后的页面的无线终端。

作为本实施例中的优选，上述方法还包括：用以接收访问请求，生成新的访问请求或接收返回的原始页面或对所述原始页面预处理，匹配出预置的页面模版文件的转换服务器。

作为本实施例中的优选，页面模版文件还包括：通过对数据的定义，对数据完成抓取。比如，页面模版文件作为转换模版里面可以包含完整的html元素。又比如，优选地也可以用<script runat＝”server”>的方式加入代理服务器端执行的代码。还比如，代理服务器端代码还可以使用修改现有html标签的方式来进行，通过在已有html标签上加上runat＝”server”,from＝”xxxx”的方式实现对于数据的定义来实现数据抓取。

请参考图2是本发明一实施例中的转换服务器示意图，所述转换服务器还包括：模板撰写单元101，用以建立一个索引脚本用以查找模版使用,通过查找所述索引寻找页面模版文件，页面预处理单元102，用以对所述原始页面预处理，模块匹配单元103，用以匹配出预置的页面模版文件，返回处理过后的页面。搭建上述转换服务器的目的是为了提供转换地址和保存并执行模版文件。最后，转换服务器端根据相应的模版分析并进行匹配转换原始页面，转换完成后将转换后的页面发送给用户的手机等无线装置。

模板撰写单元101，先在转换服务器端撰写页面匹配模版，并且建立一个索引脚本供查找模版使用。在用户访问时首先查找索引寻找页面模版文件。如果访问的地址存在匹配的模版文件,匹配则取出预先写好的模版文件进行页面处理。

页面预处理单元102，页面预处理单元102读取原页面服务器的原始页面内容,包括但不限于页面包含的js和css文件等,分析并替换其中的链接地址为相对地址然后进行模版匹配。

具体而言，比如，原始地址为http://www.xxxx.com/aa.html,相对地址即转换服务器的地址可能为http://www.yyyy.com/bb.html,其中xxxx为原始地址的IP或域名,yyyy为转换服务器IP地址或域名,要访问的原始页面文件为aa.html,在转换服务器上可以任意指定为bb.html或其他文件名,在js脚本中进行匹配从而得到真正的原始地址文件名。查找方法为查表法,即在服务器上创建一个列表文件,使aa.html对应bb.html,在查找时即可由aa.html得到bb.html。

模块匹配单元103，模版匹配工作采用执行转换服务器端的页面模版文件的方式进行。

在一些实施例中，页面模版文件里面可以包含完整的html元素。HTML元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。HTML元素以开始标签起始，HTML元素以结束标签终止。元素的内容是开始标签与结束标签之间的内容，某些HTML元素具有空内容(empty content)，空元素在开始标签中进行关闭(以开始标签的结束而结束)，而大多数HTML元素可拥有属性

在一些实施例中，页面模版文件里面也可以用<script runat＝”server”>的方式加入服务器端执行的代码。

在一些实施例中转换服务器端上代码还可以使用修改现有html标签的方式来进行，通过在已有html标签上加上runat＝”server”,from＝”xxxx”等方式实现对于数据的定义来实现数据抓取。

比如，获取原始页面css样式为tbtitle_normal的table中一个所有css属性为title的行的所有列表项,可以使用以下代码:

<li data-role＝"heading"data-theme＝"b">${value1}</li>

</ul>

其中runat＝”server”是必须的,否则无法在服务器端执行,from＝”table.tbtitle_normal td.title”表示从css为tbtitle_normal的table元素中获取css属性为title的td元素,value1为自定义变量,.InnerText为原始列表项目的文字。

执行以上代码后就可以把原始页面中table下的数据变成使用ul(无序列表)来呈现。

请参考图3是本发明一实施例中的页面转换装置结构示意图，通过在无线终端200和原页面服务器300之间搭建一转换服务器实现转换，所述转换服务器100用以，接收无线终端的访问请求，并生成新的访问请求，接收从原页面服务器返回的原始页面，所述转换服务器100还包括：模板撰写单元101，用以建立一个索引脚本用以查找模版使用,通过查找所述索引寻找页面模版文件，页面预处理单元102，用以对所述原始页面预处理，模块匹配单元103，用以匹配出预置的页面模版文件，返回处理过后的页面。生成新的访问请求还包括：转换地址，用以作为无线终端访问的地址。

在一些实施例中，页面预处理单元102还用以对所述原始页面预处理还包括：所述原始页面包含的js和css文件。

在一些实施例中，模块匹配单元103中所述页面模版文件还包括：建立一个索引脚本用以查找模版使用,通过查找所述索引寻找页面模版文件。

在一些实施例中，在所述无线终端200还用以接收返回处理过后的页面。

在一些实施例中，所述转换服务器100还用以接收访问请求，生成新的访问请求或接收返回的原始页面或对所述原始页面预处理，匹配出预置的页面模版文件的转换服务器。

在一些实施例中，页面模版文件还包括：通过对数据的定义，对数据完成抓取。

应当理解，本发明的各部分可以用硬件、软件、固件或它们的组合来实现。在上述实施方式中，多个步骤或方法可以用存储在存储器中且由合适的指令执行***执行的软件或固件来实现。例如，如果用硬件来实现，和在另一实施方式中一样，可用本领域公知的下列技术中的任一项或他们的组合来实现：具有用于对数据信号实现逻辑功能的逻辑门电路的离散逻辑电路，具有合适的组合逻辑门电路的专用集成电路，可编程门阵列(PGA)，现场可编程门阵列(FPGA)等。

在本说明书的描述中，参考术语“一个实施例”、“一些实施例”、“示例”、“具体示例”、或“一些示例”等的描述意指结合该实施例或示例描述的具体特征、结构、材料或者特点包含于本发明的至少一个实施例或示例中。在本说明书中，对上述术语的示意性表述不一定指的是相同的实施例或示例。而且，描述的具体特征、结构、材料或者特点可以在任何的一个或多个实施例或示例中以合适的方式结合。

总体而言，本公开的各种实施例可以以硬件或专用电路、软件、逻辑或其任意组合实施。一些方面可以以硬件实施，而其它一些方面可以以固件或软件实施，该固件或软件可以由控制器、微处理器或其它计算设备执行。虽然本公开的各种方面被示出和描述为框图、流程图或使用其它一些绘图表示，但是可以理解本文描述的框、设备、***、技术或方法可以以非限制性的方式以硬件、软件、固件、专用电路或逻辑、通用硬件或控制器或其它计算设备或其一些组合实施。

此外，虽然操作以特定顺序描述，但是这不应被理解为要求这类操作以所示的顺序执行或是以顺序序列执行，或是要求所有所示的操作被执行以实现期望结果。在一些情形下，多任务或并行处理可以是有利的。类似地，虽然若干具体实现方式的细节在上面的讨论中被包含，但是这些不应被解释为对本公开的范围的任何限制，而是特征的描述仅是针对具体实施例。在分离的一些实施例中描述的某些特征也可以在单个实施例中组合地执行。相反对，在单个实施例中描述的各种特征也可以在多个实施例中分离地实施或是以任何合适的子组合的方式实施。

Claims

1.一种页面转换方法，其特征在于，包括如下步骤：

接收访问请求，

生成新的访问请求，

接收返回的原始页面，

对所述原始页面预处理，匹配出预置的页面模版文件，

返回处理过后的页面。

2.根据权利要求1所述的页面转换方法，其特征在于，生成新的访问请求还包括：转换地址，用以作为无线终端访问的地址。

3.根据权利要求1所述的页面转换方法，其特征在于，对所述原始页面预处理还包括：所述原始页面包含的js和css文件。

4.根据权利要求1所述的页面转换方法，其特征在于，所述页面模版文件还包括：

建立一个索引脚本用以查找模版使用,

通过查找所述索引寻找页面模版文件。

5.根据权利要求1所述的页面转换方法，其特征在于，还包括：用以接收返回处理过后的页面的无线终端。

6.根据权利要求1所述的页面转换方法，其特征在于，还包括：用以接收访问请求，生成新的访问请求或接收返回的原始页面或对所述原始页面预处理，匹配出预置的页面模版文件的转换服务器。

7.根据权利要求1所述的页面转换方法，其特征在于，页面模版文件还包括：通过对数据的定义，对数据完成抓取。

8.一种页面转换装置，通过在无线终端和原页面服务器之间搭建一转换服务器实现转换，其特征在于，所述转换服务器用以，接收无线终端的访问请求，并生成新的访问请求，接收从原页面服务器返回的原始页面，

所述转换服务器还包括：

页面预处理单元，用以对所述原始页面预处理，

9.根据权利要求8所述的页面转换装置，其特征在于，所述页面模版文件还用以修改html标签。

10.根据权利要求8所述的页面转换装置，其特征在于，所述页面模版文件包含完整的html元素。