CN102622395B - 虚拟化应用辅助访问网页的方法、服务器及客户端 - Google Patents

Abstract

本发明公开了一种虚拟化应用辅助访问网页的方法、服务器及客户端，其中虚拟化应用辅助访问网页的方法包括步骤：根据与客户端建立的远程应用连接加载客户端所要访问的网页内容；解析网页内容，根据网页内容将网页划分为多个区域块，并根据多个区域块生成网页布局缩略图；将网页布局缩略图发送给客户端，以使用户对网页内容进行快速定位。本发明可在客户端上实现网页内容的快速定位，大大提高了应用虚拟化在小屏幕终端上的操作体验。

Description

虚拟化应用辅助访问网页的方法、服务器及客户端

技术领域

本发明涉及页面浏览领域，尤其涉及一种虚拟化应用辅助访问网页的方法、服务器及客户端。

背景技术

随着智能手机和无线互联网的发展，越来越多的企业希望将办公应用移植到手机上面来，以提高IT业务的移动化水平。

为了实现办公业务的移动化，一般会有两种方案：

一是通过定制开发的方式，在手机上开发一个专门的办公业务客户端(或WAP化的网页开发)。由于重新进行界面定制，该方案的易用性较好。但除了界面重新排版的定制工作量比较大以外，对于基于控件来实现其核心业务的业务系统来说，每一次定制一个业务系统，开发人员都需要重新理解控件中的办公业务逻辑，以便将其定制移植到手机终端上，其工作量无异于重新开发一套办公业务系统。

另一种是通过“应用虚拟化”的方式，所谓应用虚拟化，技术原理是基于应用/服务器计算A/S架构，采用RDP(Remote Desktop Protocol)或ICA(CitrixIndependent Computing Architecture)等远程桌面协议，把应用程序的人机交互逻辑(应用程序界面、键盘及鼠标的操作、音频输入输出、读卡器、打印输出等)与计算逻辑隔离开来。在用户访问一个服务器虚拟化后的应用时，用户计算机只需要把人机交互逻辑传送到服务器端，服务器端为用户开设独立的会话空间，应用程序的计算逻辑在这个会话空间中运行，把变化后的人机交互逻辑传送给客户端，并且在客户端相应设备展示出来，从而使用户获得如同运行本地应用程序一样的访问感受。

该“应用虚拟化”的方式，将终端服务器的客户端图像发送到手机客户端上。该方案无需办公业务系统进行重新定制，即使业务系统是基于控件实现也没有问题，该方案只需要将运行在终端服务器上的远程应用界面图像发送到手机平台即可。由于业务系统的界面通常是基于PC的分辨率来设计的，对于平板电脑等大屏幕移动终端来说问题不大，但手机的屏幕太小，用户或者只能来回移动远程应用的显示范围来进行操作，易用性非常差。

对于B/S(Browser/Server，浏览器/服务器)办公业务系统而言，由于绝大部分的终端用户是通过PC机访问，尤其是目前宽屏显示器广泛流行，办公业务系统的网页布局一般偏向于横向延伸，同时，由于业务系统的内容比较多，一般还需要通过滚动条向下滚动。这种网页布局风格在“宽屏显示器+3D鼠标”的用户场景下非常方便，但在智能手机终端上的体验来说则很不理想。

用户如果将远程应用的图像缩得太小，则看不清文字内容，如果放大一些，则查看其他业务模块的时候，有需要通过手指多次滑动调整显示区域，才能找到。虽然用户一般情况下是十分了解办公业务系统的网页布局的，但这样通过多次滑动才能找到的体验非常差。

发明内容

本发明要解决的技术问题在于针对现有技术中在移动终端浏览网页时，客户需要多次滑动才能找到浏览对象，使得用户体验很差的缺陷，提供一种可以在移动终端上快速找到浏览网页上的相关内容的虚拟化应用辅助访问网页的方法、服务器及客户端。

本发明解决其技术问题所采用的技术方案是：

提供一种虚拟化应用辅助访问网页的方法，包括以下步骤：

根据与客户端建立的远程应用连接加载客户端所要访问的网页内容；

解析所述网页内容，根据所述网页内容将网页划分为多个区域块，并根据所述多个区域块生成网页布局缩略图；

将所述网页布局缩略图发送给客户端，以使用户对网页内容进行快速定位。

本发明所述的方法中，所述根据所述网页内容将网页划分为多个区域块的步骤具体包括：

将网页内容的代码解析为DOM(Document Object Model，文档对象模型)结构，并对其中的DOM元素进行分析；

根据所述DOM元素在网页中的位置，将该网页划分为多个区域块。

本发明所述的方法中，若其中一个DOM元素在其网页中所占空间小于预先设定的值，则将该DOM元素合并到其最近的DOM元素中，以划分到同一区域块中。

本发明解决其技术问题所采用的另一技术方案是：

提供一种虚拟化应用辅助访问网页的方法，包括以下步骤：

与虚拟终端服务器建立远程应用连接；

接收所述虚拟终端服务器发送的网页布局缩略图；

根据所述网页布局缩略图生成布局缩略图工具；

根据用户请求启动所述布局缩略图工具，以显示网页布局缩略图；

根据用户选择的所述网页布局缩略图中的区域块，显示页面中该区域块所对应的网页内容。

本发明所述的方法中，若所述区域块中对应网页的内容超过虚拟终端服务器屏幕显示范围，则通过虚拟终端服务器的IE控件控制浏览器进行横向或者竖向的滚动到该区域块所对应的网页位置。

本发明所述的方法中，若所述区域块中对应网页内容的宽度大于移动终端屏幕宽度的2/3，且小于屏幕宽度的2倍，则缩放该区域块中网页内容的以填充整个屏幕宽度，如果该区域块中网页内容的宽度小于屏幕宽度2/3或大于屏幕宽度的2倍，则不进行缩放。

本发明解决其技术问题所采用的第三技术方案是：

提供一种虚拟终端服务器，包括：

加载单元，用于根据与客户端建立的远程应用连接加载客户端所要访问的网页内容；

解析单元，用于解析所述网页内容，并根据所述网页内容将网页划分为多个区域块；

缩略图生成单元，用于根据所述多个区域块生成网页布局缩略图；

发送单元，用于将所述网页布局缩略图发送给客户端，以使用户对网页内容进行快速定位。

本发明所述的虚拟终端服务器中，所述解析单元具体用于将网页内容的代码解析为DOM结构，并对其中的DOM元素进行分析；根据所述DOM元素在网页中的位置，将该网页划分为多个区域块。

本发明所述的虚拟终端服务器中，所述缩略图生成单元还用于在其中一个DOM元素在其网页中所占空间小于预先设定的值时，将该DOM元素合并到其最近的DOM元素中，以划分到同一区域块中。

本发明解决其技术问题所采用的第四技术方案是：

提供一种虚拟化应用辅助访问网页的客户端，包括：

远程应用连接模块，用于与虚拟终端服务器建立远程应用连接；

接收模块，用于接收虚拟终端服务器网页布局缩略图；

缩略图工具生成模块，用于根据所述网页布局缩略图生成布局缩略图工具；

启动模块，用于根据用户请求启动所述布局缩略图工具，以显示网页布局缩略图；

选择显示模块，用于根据用户选择的所述网页布局缩略图中的区域块，显示页面中该区域块所对应的网页内容。

本发明所述的客户端中，所述选择显示模块，还用于在区域块中对应网页的内容超过虚拟终端服务器屏幕显示范围时，通过虚拟终端服务器的IE控件控制浏览器进行横向或者竖向的滚动到该区域块所对应的网页位置，以在客户端的所述选择显示模块显示。

本发明所述的客户端中，所述选择显示模块还用于在所述区域块中对应网页内容的宽度大于移动终端屏幕宽度的2/3，且小于屏幕宽度的2倍时，缩放该区域块中的对应网页内容以填充整个屏幕宽度，在该区域块中DOM元素宽度小于屏幕宽度2/3或大于屏幕宽度的2倍时，则不进行缩放。

本发明产生的有益效果是：本发明中在虚拟终端服务器上生成网页布局缩略图，并发送给客户端，客户端根据接收的网页布局缩略图生成布局缩略图工具，用户根据需要选择网页布局缩略图中的区域块，可实现网页内容的快速定位，而无需用户通过多次滑动，才能找到所需的页面内容，大大提高了应用虚拟化在小屏幕终端上的操作体验。

附图说明

下面将结合附图及实施例对本发明作进一步说明，附图中：

图1是本发明实施例虚拟终端服务器虚拟化应用辅助访问网页的方法流程图；

图2是本发明实施例客户端虚拟化应用辅助访问网页的方法流程图；

图3是本发明实施例服务器和客户端虚拟化应用辅助访问网页的方法流程图；

图4是本发明实施例虚拟终端服务器生成网页布局缩略图的示意图；

图5是本发明实施例客户端启动网页布局缩略图工具的示意图；

图6是本发明实施例客户端选中网页布局缩略图中一个区域块的示意图；

图7是本发明实施例客户端显示网页布局缩略图中一个区域块对应的网页内容的示意图；

图8是本发明实施例客户端显示网页布局缩略图中另一个区域块对应的网页内容的示意图；

图9是本发明实施例虚拟终端服务器和客户端的结构示意图。

具体实施方式

为了使本发明的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本发明进行进一步详细说明。应当理解，此处所描述的具体实施例仅用以解释本发明，并不用于限定本发明。

如图1所示，本发明实施例虚拟化应用辅助访问网页的方法，该方法应用于虚拟终端服务器(其采用应用虚拟化的方式)，主要包括以下步骤：根据与客户端建立的远程应用连接加载客户端所要访问的网页内容；解析网页内容，根据网页内容将网页划分为多个区域块，并根据多个区域块生成网页布局缩略图，该网页布局缩略图就是由多个区域块组成的；将网页布局缩略图发送给客户端，以使用户对网页内容进行快速定位。

如图2所示，本发明实施例虚拟化应用辅助访问网页的方法，该方法应用于客户端，具体包括步骤：与虚拟终端服务器建立远程应用连接；客户端接收虚拟终端服务器发送的网页布局缩略图；客户端根据网页布局缩略图生成布局缩略图工具；客户端根据用户请求启动布局缩略图工具，以显示网页布局缩略图；客户端根据用户选择的网页布局缩略图中的区域块，显示页面中该区域块所对应的网页内容。

在本发明的一个较佳实施例中，如图3所示，虚拟化应用辅助访问网页的方法具体包括：

S301、根据客户端建立的远程应用连接加载网页内容，虚拟终端服务器通过IE浏览器解析网页内容，根据网页代码获取DOM结构；

S302、虚拟终端服务器分析DOM结构中的DOM元素，DOM结构包括DOM元素：头部(HEAD)、标题(TITLE)、辅助标签(META)、主体(BODY)、表格(TABLE)、行(TR)、单元格(TD)、换行(BR)和数据(DATA)等。不同的DOM元素所占网页的空间不一样。

S303、虚拟终端服务器对DOM结构中的每一个DOM元素的进行具体分析，得到所有DOM元素的左上角位置坐标、高度和宽度，以及是否隐藏，是否被覆盖等信息，以根据DOM元素在网页中的位置，将该网页划分为多个区域块。

S304、判断DOM元素在其网页中所占空间是否小于预先设定的值；

S305、若其中一个DOM元素在其网页中所占空间小于预先设定的值，如一个DOM元素的高小于3行，则将该DOM元素合并到其下一个DOM元素中，或者最接近的DOM元素中，以将这两个DOM元素划分到同一区域块中，以同时在客户端现实。如果DOM元素是一个表格的标题，或编辑框等比较小的模块，那么就跟离它最近的较大DOM元素合并，隐藏和被覆盖的DOM元素可忽略不计。

S306、若一个DOM元素在其网页中所占空间大于预先设定的值，则根据该DOM元素在网页中的位置(可根据该DOM元素的左上角位置坐标、高度、宽度获得)，生成区域块，每个区域块对应一个显示范围。区域块可以一个个生成，也可以在解析完所有的DOM元素后一起生成。

S307、判断是否解析的最后一个DOM元素，若是最后一个，则转入执行步骤S308，若否，则继续对DOM结构中的其他元素进行分析，转入执行步骤S302，直到通过枚举解析完所有的DOM元素。

S308、在所有DOM元素都解析完后，根据所有区域块生成一张网页布局缩略图，或者根据解析完的所有DOM元素直接生成网页布局缩略图，并下发到客户端。每个DOM元素在缩略图中的位置与其在网页中的显示位置是一致的。如图4所示，右侧的结构图即为生成的网页布局缩略图，其包含了控制客户端在屏幕上分块显示网页的信息。客户端接收到缩略图后，如果用户访问的是办公业务系统的网页，因为用户比较熟悉，对业务模块在网页上的位置有大致的了解，用户通过点选该缩略图上的区域块，就可以快速定位到所需要的业务模块区域，客户端再自动调整该区域块的显示大小使该部分的网页内容在屏幕上合理显示出来，从而可提高用户的操作体验。

在客户端一侧，用户访问网页时，由于其屏幕不足以显示整个页面，故可借助虚拟终端服务器生成辅助浏览工具帮助用户快速浏览网页，在客户端主要执行以下步骤：

S401、与虚拟终端服务器建立远程应用连接，以通过虚拟终端服务器加载用户要访问的网页，生成该网页的网页布局缩略图，并发送给客户端。

S402、接收虚拟终端服务器发送的网页布局缩略图；

S403、根据网页布局缩略图生成布局缩略图工具，并在工具栏中显示该布局缩略图工具的图标；

S404、根据用户请求启动布局缩略图工具，以显示网页布局缩略图；即用户可以直接在工具栏中点选该布局缩略图工具的图标，则会在移动终端的屏幕上(如屏幕的右下角)显示布局缩略图，如图5所示。用户根据显示屏上显示的布局缩略图选择该布局缩略图中的区域块。用户可以将手指移到缩略图的其中一个区域块(见椭圆形标记部分)，如图6所示，该区域块将区别于其他区域块显示，如其颜色发生改变，以提示用户当前所选择显示的网页位置。

S405、判断所选的区域块中对应网页内容是否超过移动终端显示屏的显示范围；

S406、若区域块中对应网页内容超过移动终端屏幕显示范围，则可根据该区域块中DOM元素的左上角坐标位置、宽度和高度自动调整显示范围或缩放大小。一般情况下，如果是选择页面左侧或中间的区域块，则将屏幕显示的左上角对应到该区域块左上角的坐标。

S407、若区域块中对应网页的内容超过虚拟终端服务器屏幕显示范围，则通过虚拟终端服务器的IE控件控制浏览器进行横向或者竖向的滚动到该区域块所对应的网页位置，客户端同时进行显示区域的调整。

在本发明的一个实施例中，若区域块中对应网页内容的宽度大于移动终端屏幕宽度的2/3，且小于屏幕宽度的2倍，则缩放该区域块中网页内容的以填充整个屏幕宽度，如果该区域块中网页内容的宽度小于屏幕宽度2/3或大于屏幕宽度的2倍，则不进行缩放。如图7所示，用户选中一区域块后，客户端显示范围将自动移到该区域块位置。因为该区域块位于布局缩略图最右边，因此其右上角自动对齐屏幕显示的右上角，但因其宽度并未超过屏幕宽度的2/3，因此保持其缩放大小，即不进行缩放。

若区域块中对应网页内容超过虚拟终端服务器屏幕显示范围，则通过虚拟终端服务器的IE控件控制浏览器进行横向或者竖向的滚动；用户就可以通过布局缩略图选择超过当前虚拟终端服务器IE显示范围的模块，如图8所示，用户选择了不在虚拟终端服务器的IE显示范围的区域块，客户端将通知虚拟终端服务端浏览器控件，向下滚动到该区域块位置，如“本站动态”区域块位置，同时客户端将自动调整显示范围和缩放大小。

如图9所示，本发明实施例虚拟终端服务器10，包括加载单元11、解析单元12、缩略图生成单元13和发送单元14：

加载单元11，用于根据与客户端建立的远程应用连接加载客户端所要访问的网页内容，通过与客户端建立的远程应用连接，可以获知用户要访问的网页，通过加载单元11可加载该网页内容；

解析单元12，用于解析网页内容，并根据网页内容将网页划分为多个区域块；

缩略图生成单元13，用于根据多个区域块生成网页布局缩略图；

发送单元14，用于将网页布局缩略图发送给客户端，以使用户对网页内容进行快速定位。

本发明实施例的虚拟终端服务器中，解析单元12具体用于将网页内容的代码解析为DOM结构，并对其中的DOM元素进行分析；根据DOM元素在网页中的位置，将该网页划分为多个区域块。

在本发明一个实施例中，缩略图生成单元13还用于在其中一个DOM元素在其网页中所占空间小于预先设定的值时，将该DOM元素合并到其最近的DOM元素中，以划分到同一区域块中。

如图9所示，虚拟化应用辅助访问网页的客户端20，其特征在于，包括远程应用连接模块21、接收模块22、缩略图工具生成模块23、启动模块24和选择显示模块25，其中，

远程应用连接模块21，用于与虚拟终端服务器建立远程应用连接；

接收模块22，用于接收虚拟终端服务器网页布局缩略图；

缩略图工具生成模块23，用于根据网页布局缩略图生成布局缩略图工具；

启动模块24，用于根据用户请求启动布局缩略图工具，以显示网页布局缩略图；

选择显示模块25，用于根据用户选择的网页布局缩略图中的区域块，显示页面中该区域块所对应的网页内容。

在本发明实施例中，选择显示模块25，还用于在区域块中对应网页的内容超过虚拟终端服务器屏幕显示范围时，通过虚拟终端服务器的IE控件控制浏览器进行横向或者竖向的滚动到该区域块所对应的网页位置，以在客户端20的选择显示模块25显示，选择显示模块25可进行显示区域的适当调整。

在本发明实施例中，选择显示模块25还用于在区域块中对应网页内容的宽度大于移动终端屏幕宽度的2/3，且小于屏幕宽度的2倍时，缩放该区域块中的对应网页内容以填充整个屏幕宽度，在该区域块中DOM元素宽度小于屏幕宽度2/3或大于屏幕宽度的2倍时，则不进行缩放。

本发明中所说的移动终端，既可以是智能手机，也可以是PDA等智能手持终端，另外是够基于DOM元素的解析来生成网页布局缩略图，不作为本专利的限制范围。

本发明通过虚拟终端服务器将客户端所访问的网页生成页面布局缩略图并发送给客户端，客户端通过选择该页面布局缩略图中不同的区域块，可以实现网页内容的快速定位，提高了应用虚拟化在小屏幕终端上的操作体验。

应当理解的是，对本领域普通技术人员来说，可以根据上述说明加以改进或变换，而所有这些改进和变换都应属于本发明所附权利要求的保护范围。

Claims (12)

1.一种虚拟化应用辅助访问网页的方法，其特征在于，包括以下步骤：

虚拟终端服务器根据与客户端建立的远程应用连接加载客户端所要访问的网页内容；

解析所述网页内容，根据所述网页内容将网页划分为多个区域块，并根据所述多个区域块生成网页布局缩略图，所述网页布局缩略图包括多个区域块，其中，每个区域块对应一个显示范围；

将所述网页布局缩略图发送给客户端，且客户端根据用户选择的所述网页布局缩略图中的区域块显示页面中该区域块所对应的网页内容，以使用户对网页内容进行快速定位。

2.根据权利要求1所述的方法，其特征在于，所述根据所述网页内容将网页划分为多个区域块的步骤具体包括：

将网页内容的代码解析为DOM结构，并对其中的DOM元素进行分析；

根据所述DOM元素在网页中的位置，将该网页划分为多个区域块。

3.根据权利要求2所述的方法，其特征在于，若其中一个DOM元素在其网页中所占空间小于预先设定的值，则将该DOM元素合并到其最近的DOM元素中，以划分到同一区域块中。

4.一种虚拟化应用辅助访问网页的方法，其特征在于，包括以下步骤：

与虚拟终端服务器建立远程应用连接；

接收所述虚拟终端服务器发送的网页布局缩略图，所述网页布局缩略图包括多个区域块；

根据所述网页布局缩略图生成布局缩略图工具；

根据用户请求启动所述布局缩略图工具，以显示网页布局缩略图；

根据用户选择的所述网页布局缩略图中的区域块，其中，每个区域块对应一个显示范围，显示页面中该区域块所对应的网页内容。

5.根据权利要求4所述的方法，其特征在于，若所述区域块中对应网页的内容超过虚拟终端服务器屏幕显示范围，则通过虚拟终端服务器的IE控件控制浏览器进行横向或者竖向的滚动到该区域块所对应的网页位置。

6.根据权利要求5所述的方法，其特征在于，若所述区域块中对应网页内容的宽度大于移动终端屏幕宽度的2/3，且小于屏幕宽度的2倍，则缩放该区域块中网页内容的以填充整个屏幕宽度，如果该区域块中网页内容的宽度小于屏幕宽度2/3或大于屏幕宽度的2倍，则不进行缩放。

7.一种虚拟终端服务器，其特征在于，包括：

加载单元，用于根据与客户端建立的远程应用连接加载客户端所要访问的网页内容；

解析单元，用于解析所述网页内容，并根据所述网页内容将网页划分为多个区域块，所述网页布局缩略图包括多个区域块，其中，每个区域块对应一个显示范围；

缩略图生成单元，用于根据所述多个区域块生成网页布局缩略图；

发送单元，用于将所述网页布局缩略图发送给客户端，且客户端根据用户选择的所述网页布局缩略图中的区域块显示页面中该区域块所对应的网页内容，以使用户对网页内容进行快速定位。

8.根据权利要求7所述的虚拟终端服务器，其特征在于，所述解析单元具体用于将网页内容的代码解析为DOM结构，并对其中的DOM元素进行分析；根据所述DOM元素在网页中的位置，将该网页划分为多个区域块。

9.根据权利要求8所述的虚拟终端服务器，其特征在于，所述缩略图生成单元还用于在其中一个DOM元素在其网页中所占空间小于预先设定的值时，将该DOM元素合并到其最近的DOM元素中，以划分到同一区域块中。

10.一种虚拟化应用辅助访问网页的客户端，其特征在于，包括：

远程应用连接模块，用于与虚拟终端服务器建立远程应用连接；

接收模块，用于接收虚拟终端服务器网页布局缩略图，所述网页布局缩略图包括多个区域块；

缩略图工具生成模块，用于根据所述网页布局缩略图生成布局缩略图工具；

启动模块，用于根据用户请求启动所述布局缩略图工具，以显示网页布局缩略图；

选择显示模块，用于根据用户选择的所述网页布局缩略图中的区域块，其中，每个区域块对应一个显示范围，显示页面中该区域块所对应的网页内容。

11.根据权利要求10所述的客户端，其特征在于，所述选择显示模块，还用于在区域块中对应网页的内容超过虚拟终端服务器屏幕显示范围时，通过虚拟终端服务器的IE控件控制浏览器进行横向或者竖向的滚动到该区域块所对应的网页位置，以在客户端的所述选择显示模块显示。

12.根据权利要求10所述的客户端，其特征在于，所述选择显示模块还用于在所述区域块中对应网页内容的宽度大于移动终端屏幕宽度的2/3，且小于屏幕宽度的2倍时，缩放该区域块中的对应网页内容以填充整个屏幕宽度，在该区域块中DOM元素宽度小于屏幕宽度2/3或大于屏幕宽度的2倍时，则不进行缩放。