CN104899212B - 网页展示方法、服务器及系统 - Google Patents

网页展示方法、服务器及系统 Download PDF

Info

Publication number
CN104899212B
CN104899212B CN201410079531.4A CN201410079531A CN104899212B CN 104899212 B CN104899212 B CN 104899212B CN 201410079531 A CN201410079531 A CN 201410079531A CN 104899212 B CN104899212 B CN 104899212B
Authority
CN
China
Prior art keywords
web page
client
text
page contents
content
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Active
Application number
CN201410079531.4A
Other languages
English (en)
Other versions
CN104899212A (zh
Inventor
黄炜
孟庆春
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Tencent Technology Shenzhen Co Ltd
Original Assignee
Tencent Technology Shenzhen Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Tencent Technology Shenzhen Co Ltd filed Critical Tencent Technology Shenzhen Co Ltd
Priority to CN201410079531.4A priority Critical patent/CN104899212B/zh
Publication of CN104899212A publication Critical patent/CN104899212A/zh
Application granted granted Critical
Publication of CN104899212B publication Critical patent/CN104899212B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Abstract

本发明涉及一种网页展示方法、服务器及系统,其方法包括:客户端获取用户请求浏览网页的操作指令;客户端将操作指令发送至服务器;服务器根据操作指令获取对应的网页内容,将对应的网页内容转换为字符串格式;服务器将字符串格式的网页内容返回给客户端;客户端展示接收的网页内容。本发明采用客户端与服务器相结合的方式,在用户点击浏览器网页时,客户端将用户请求浏览网页的操作指令发送至服务器,服务器将对应的网页内容转换为字符串格式返回给客户端,由客户端进行展示,从而提升了网页尤其是大篇幅网页在移动终端上的展示速度,同时也提高了网页的展示效果。

Description

网页展示方法、服务器及系统
技术领域
本发明涉及互联网技术领域,尤其涉及一种网页展示方法、服务器及系统。
背景技术
目前,移动终端在通过android平台展示网页时,普遍使用android系统自带的webview进行网页的直接展示,但是这种展示方案,在展示网页的过程中,会有一段时间的响应时间空白,且网页展示不易控制;另外,现有的网页展示方案,只针对html网页中比较标准的网页进行展示,对于使用过特殊标签的网页内容(比如大篇幅新闻类网页),则需要单独定制标签的过滤方案,由此降低了网页的展示速度。
发明内容
本发明实施例提供一种网页展示方法、服务器及系统,旨在提升网页的展示速度和效果。
本发明实施例提出一种网页展示方法,包括:
客户端获取用户请求浏览网页的操作指令;
所述客户端将所述操作指令发送至服务器;
所述服务器根据所述操作指令获取对应的网页内容,将所述对应的网页内容转换为字符串格式;
所述服务器将字符串格式的网页内容返回给所述客户端;
所述客户端展示接收的网页内容。
本发明实施例还提出一种网页展示系统,包括:客户端和与所述客户端通信连接的服务器;其中:
所述客户端,用于获取用户请求浏览网页的操作指令;将所述操作指令发送至服务器;
所述服务器,用于根据所述操作指令获取对应的网页内容,将所述对应的网页内容转换为字符串格式;将字符串格式的网页内容返回给所述客户端;
所述客户端,还用于展示接收的网页内容。
本发明实施例还提出一种网页展示方法,包括:
接收客户端发送的用户请求浏览网页的操作指令;
根据所述操作指令获取对应的网页内容,将所述对应的网页内容转换为字符串格式;
将字符串格式的网页内容返回给所述客户端,由所述客户端进行展示。
本发明实施例还提出一种网页展示服务器,包括:
接收模块,用于接收客户端发送的用户请求浏览网页的操作指令;
转换模块,用于根据所述操作指令获取对应的网页内容,将所述对应的网页内容转换为字符串格式;
发送模块,用于将字符串格式的网页内容返回给所述客户端,由所述客户端进行展示。
本发明实施例提出的一种网页展示方法、服务器及系统,采用客户端与服务器相结合的方式,在用户点击浏览器网页时,客户端将用户请求浏览网页的操作指令发送至服务器,服务器根据所述操作指令获取对应的网页内容,将对应的网页内容转换为字符串格式返回给客户端,由客户端进行展示,从而提升了网页(尤其是大篇幅网页)在移动终端上的展示速度,同时也提高了网页的展示效果,并可以在一定程度上满足用户节省流量的需求。
附图说明
图1是本发明网页展示系统较佳实施例的架构示意图;
图2是本发明实施例客户端与服务器的交互流程示意图;
图3a是本发明实施例中一种网页内容摘要页面示意图;
图3b是本发明实施例中客户端展示的一种网页页面示意图;
图4是本发明网页展示方法第一实施例的流程示意图;
图5是本发明网页展示方法第二实施例的流程示意图;
图6是本发明网页展示服务器较佳实施例的功能模块示意图;
图7是本发明实施例服务器的另一种结构示意图。
为了使本发明的技术方案更加清楚、明了,下面将结合附图作进一步详述。
具体实施方式
应当理解,此处所描述的具体实施例仅仅用以解释本发明,并不用于限定本发明。
本发明实施例的主要解决方案是:采用客户端与服务器相结合的方式,在用户点击浏览器网页时,客户端将用户请求浏览网页的操作指令发送至服务器,服务器根据所述操作指令获取对应的网页内容,将对应的网页内容转换为字符串格式返回给客户端,由客户端进行展示,以提升网页(尤其是大篇幅网页)在移动终端上的展示速度,同时也提高网页的展示效果,并可以在一定程度上满足用户节省流量的需求。
如图1所示,本发明较佳实施例提出一种网页展示系统,包括:客户端102和与所述客户端102通信连接的服务器101;其中:
所述客户端102,用于获取用户请求浏览网页的操作指令;将所述操作指令发送至服务器101;以及接收服务器101返回的网页内容并进行展示;
所述服务器101,用于根据所述操作指令获取对应的网页内容,将所述对应的网页内容转换为字符串格式;将字符串格式的网页内容返回给所述客户端102;
具体地,本实施例客户端102可以为PC客户端102,也可以为手机、平板电脑等具有网页浏览功能的移动终端。
以android系统的手机端为例,由于现有的android系统手机在展示网页时,只针对html网页中比较标准的网页进行展示,对于使用过特殊标签的网页内容(比如大篇幅新闻类网页),则需要单独定制网页标签的过滤方案,而且在展示网页的过程中,会有一段时间的响应时间空白,降低了网页的展示速度。
本实施例方案可以提升网页尤其是大篇幅网页在移动终端上的展示速度。本实施例客户端102与服务器101的交互流程如图2所示。
首先,用户在客户端102上触发浏览网页的操作,比如在客户端102浏览器上输入欲浏览网页的网址,以请求浏览该网页,或者,通过客户端102上的阅读软件选择欲浏览的网页等。客户端102响应用户的操作,获取用户请求浏览网页的操作指令,并将该操作指令发送至服务器101,由服务器101下发相应的网页内容。
以用户使用手机上的阅读软件浏览网页为例,当用户启动手机的阅读软件,并点击任意网页源后,进入网页内容摘要页面,如图3a所示,图3a示出了一种新闻的摘要页面示意图;用户可以在网页内容摘要页面选择任意摘要,以浏览对应的网页正文。客户端102在网页内容摘要页面接收用户选择浏览网页的点击操作指令,并将此点击操作指令发送至服务器101。
服务器101在接收到客户端102发送的用户请求浏览网页的点击操作指令后,从后台获取对应的网页内容。
为了提升网页在客户端102上的展示速度,本实施例中,服务器101在从后台获取到对应的网页内容后,并不是直接将该获取的网页内容返回给客户端102,而是解析该网页内容,获取该网页内容的标签,然后对该网页内容标签进行过滤处理(即进行网页转义),生成文本字符串,将网页内容转换为字符串格式,再返回给客户端102。对于网页中的图片、音视频等文件,服务器101则向客户端102返回相应的URL地址,由客户端102根据用户需求选择是否拉取相应的图片、音视频内容。
也就是说,服务器101对网页内容进行解析后,仅仅是将网页中文本内容转换为字符串格式返回给客户端102,对于网页中的图片、音视频等文件,则向客户端102返回相应的URL地址,当用户需要浏览该网页中的图片或者音视频文件时,客户端102会根据用户请求,并将图片或音视频文件的URL地址携带在请求中发送至服务器101,以拉取相应的图片或音视频内容。由此,可以实现网页内容的快速展示,而且在一定程度上节省了用户流量,满足了用户需求。
上述服务器101在拉取到网页后,对网页进行解析,获取网页内容的标签的过程如下:
服务器101解析网页生成DOM树;其中,DOM树是指文档模型树,在HTML网页脚本中,其中的所有元素单元组合在一起可以看作是一颗多叉树,这种树结构被称为节点树。DOM树中的每一节点单元对应HTML网页脚本里的一个元素单元,即标签(tag),可通过这棵DOM树访问所有节点,可以对DOM树进行节点的遍历、插入、删除等操作,也可以创建新的节点元素。
DOM树展示了节点的集合,以及它们之间的联系。这棵树从根节点开始,然后在树的最低层级向文本节点长出枝条。DOM树中的节点彼此之间都有等级关系,通常通过父、子和同级节点来描述这种关系。父节点拥有子节点,位于相同层级上的子节点称为同级节点(兄弟或姐妹)。
在DOM树中,顶端的节点称为根节点,根节点之外的每个节点都有一个父节点,节点可以有任何数量的子节点,叶子是没有子节点的节点,同级节点是拥有相同父节点的节点。因为HTML等文档数据是按照树的形式进行构造的,所以可以在不了解树的确切结构且不了解其中包含的数据类型的情况下,对其进行遍历。
服务器101在生成DOM树的阶段会创建网页脚本中每个标签(tag)的DOM节点,由此可以得到网页内容的标签。
然后,服务器101对该网页内容标签进行过滤处理(即进行网页转义),从中过滤出文本内容对应的标签,并生成文本字符串,将网页内容转换为字符串格式,再返回给客户端102。服务器101在对该网页内容标签进行过滤处理时,还会记录其中的图片、音视频文件等非文本内容对应的标签,然后或获取图片、音视频文件等非文本内容的URL返回给客户端102。
客户端102接收到服务器101返回的字符串格式的网页内容后,以文本方式展示字符串格式的网页内容,由此可以实现网页内容的快速展示。
作为一种实施方式,客户端102可以使用本地的文本控件(比如TextView文本控件)对该字符串格式的网页内容进行展示,当然,客户端102也可以采用其它能够展示字符串格式网页内容的控件或脚本来进行网页内容的展示。
由于现有的移动终端操作系统大都采用webview进行网页的直接展示,而这种展示方案,在展示网页的过程中,会有一段时间的响应时间空白,且网页展示不易控制,使得网页展示速度慢,并造成不必要的流量损失。本实施例通过将网页内容转换为字符串格式,并通过文本控件对字符串格式的网页内容进行展示,则可以提高网页内容的展示速度和展示效果。
对于android手机而言,则使用android的TextView文本控件进行展示,从而使用户能够更加快速的获得想要查看的具体内容,提升了网页的展示速度和展示效果,同时也提高了网页内容展示的灵活性,也满足了用户节省流量的需求。如图3b所示,图3b示出了客户端102展示的一种网页页面示意图。
在本实施例中,客户端102从服务器101获取到字符串格式的网页内容后,使用本地的文本控件对该字符串格式的网页内容进行展示的具体过程如下:
首先,客户端102在获取到服务器101返回的字符串格式的网页内容后,将该字符串格式的网页内容直接推送到本地的文本控件中用于展示文本的字段,然后,字符串文本内容即展示在页面上。
其中,文本内容展示的页面宽度可以在客户端预先设定,客户端102在设定页面宽度时,先进行每一字符宽度计算,然后,对比屏幕大小,计算屏幕可以容纳多少字符,其中还包括自动换行操作设定等,此外,还可以在客户端可以设置字符大小、颜色等。
本实施例通过上述方案,采用客户端102与服务器101相结合的方式,在用户点击浏览器网页时,客户端102将用户请求浏览网页的操作指令发送至服务器101,服务器101根据所述操作指令获取对应的网页内容,将对应的网页内容转换为字符串格式返回给客户端102,由客户端102进行展示,从而提升了网页(尤其是大篇幅网页)在移动终端上的展示速度,同时也提高了网页的展示效果。
如图4所示,本发明第一实施例提出一种网页展示方法,包括:
步骤S201,客户端获取用户请求浏览网页的操作指令;
步骤S202,所述客户端将所述操作指令发送至服务器;
本实施例方法运行环境涉及客户端及服务器(参照图1所示),其中,本实施例客户端可以为PC客户端,也可以为手机、平板电脑等具有网页浏览功能的移动终端。
以android系统的手机端为例,由于现有的android系统手机在展示网页时,只针对html网页中比较标准的网页进行展示,对于使用过特殊标签的网页内容(比如大篇幅新闻类网页),则需要单独定制网页标签的过滤方案,而且在展示网页的过程中,会有一段时间的响应时间空白,降低了网页的展示速度。
本实施例方案可以提升网页尤其是大篇幅网页在移动终端上的展示速度。本实施例客户端与服务器的交互流程如图2所示。
首先,在客户端侧,用户在客户端上触发浏览网页的操作,比如在客户端浏览器上输入欲浏览网页的网址,以请求浏览该网页,或者,通过客户端上的阅读软件选择欲浏览的网页等。客户端响应用户的操作,获取用户请求浏览网页的操作指令,并将该操作指令发送至服务器,由服务器下发相应的网页内容。
以用户使用手机上的阅读软件浏览网页为例,当用户启动手机的阅读软件,并点击任意网页源后,进入网页内容摘要页面,如图3a所示,图3a示出了一种新闻的摘要页面示意图;用户可以在网页内容摘要页面选择任意摘要,以浏览对应的网页正文。客户端在网页内容摘要页面接收用户选择浏览网页的点击操作指令,并将此点击操作指令发送至服务器。
步骤S203,所述服务器根据所述操作指令获取对应的网页内容,将所述对应的网页内容转换为字符串格式;
步骤S204,所述服务器将字符串格式的网页内容返回给所述客户端;
在服务器侧,服务器在接收到客户端发送的用户请求浏览网页的点击操作指令后,从后台获取对应的网页内容。
为了提升网页在客户端上的展示速度,本实施例中,服务器在从后台获取到对应的网页内容后,并不是直接将该获取的网页内容返回给客户端,而是解析该网页内容,获取该网页内容的标签,然后对该网页内容标签进行过滤处理(即进行网页转义),生成文本字符串,将网页内容转换为字符串格式,再返回给客户端。
对于网页中的图片、音视频等文件,服务器则向客户端返回相应的URL地址,由客户端根据用户需求选择是否拉取相应的图片、音视频内容。
也就是说,服务器对网页内容进行解析后,仅仅是将网页中文本内容转换为字符串格式返回给客户端,对于网页中的图片、音视频等文件,则向客户端返回相应的URL地址,当用户需要浏览该网页中的图片或者音视频文件等其他非文本文件时,客户端会根据用户请求,并将图片或音视频文件等文件的URL地址携带在请求中发送至服务器,以拉取相应的图片或音视频内容。由此,可以实现网页内容的快速展示,而且在一定程度上节省了用户流量,满足了用户需求。
上述服务器在拉取到网页后,对网页进行解析,获取网页内容的标签的过程如下:
服务器解析网页生成DOM树;其中,DOM树是指文档模型树,在HTML网页脚本中,其中的所有元素单元组合在一起可以看作是一颗多叉树,这种树结构被称为节点树。DOM树中的每一节点单元对应HTML网页脚本里的一个元素单元,即标签(tag),可通过这棵DOM树访问所有节点,可以对DOM树进行节点的遍历、插入、删除等操作,也可以创建新的节点元素。
DOM树展示了节点的集合,以及它们之间的联系。这棵树从根节点开始,然后在树的最低层级向文本节点长出枝条。DOM树中的节点彼此之间都有等级关系,通常通过父、子和同级节点来描述这种关系。父节点拥有子节点,位于相同层级上的子节点称为同级节点(兄弟或姐妹)。
在DOM树中,顶端的节点称为根节点,根节点之外的每个节点都有一个父节点,节点可以有任何数量的子节点,叶子是没有子节点的节点,同级节点是拥有相同父节点的节点。因为HTML等文档数据是按照树的形式进行构造的,所以可以在不了解树的确切结构且不了解其中包含的数据类型的情况下,对其进行遍历。
服务器在生成DOM树的阶段会创建网页脚本中每个标签(tag)的DOM节点,由此可以得到网页内容的标签。
然后,服务器对该网页内容标签进行过滤处理(即进行网页转义),从中过滤出文本内容对应的标签,并生成文本字符串,将网页内容转换为字符串格式,再返回给客户端。服务器在对该网页内容标签进行过滤处理时,还会记录其中的图片、音视频文件等非文本内容对应的标签,然后或获取图片、音视频文件等非文本内容的URL返回给客户端。
步骤S205,所述客户端展示接收的网页内容。
客户端接收到服务器返回的字符串格式的网页内容后,以文本方式展示字符串格式的网页内容,由此可以实现网页内容的快速展示。
作为一种实施方式,客户端可以使用本地的文本控件(比如TextView文本控件)对该字符串格式的网页内容进行展示,当然,客户端也可以采用其它能够展示字符串格式网页内容的控件或脚本来进行网页内容的展示。
由于现有的移动终端操作系统大都采用webview进行网页的直接展示,而这种展示方案,在展示网页的过程中,会有一段时间的响应时间空白,且网页展示不易控制,使得网页展示速度慢,并造成不必要的流量损失。本实施例通过将网页内容转换为字符串格式,并通过文本控件对字符串格式的网页内容进行展示,则可以提高网页内容的展示速度和展示效果。对于android手机而言,则可以使用android的TextView文本控件进行展示,从而使用户能够更加快速的获得想要查看的具体内容,提升了网页的展示速度和展示效果,同时也提高了网页内容展示的灵活性,也满足了用户节省流量的需求。如图3b所示,图3b示出了客户端展示的一种页面示意图。
在本实施例中,客户端从服务器获取到字符串格式的网页内容后,使用本地的文本控件对该字符串格式的网页内容进行展示的具体过程如下:
首先,客户端在获取到服务器返回的字符串格式的网页内容后,将该字符串格式的网页内容直接推送到本地的文本控件中用于展示文本的字段,然后,字符串文本内容即展示在页面上。
其中,文本内容展示的页面宽度可以在客户端预先设定,客户端在设定页面宽度时,先进行每一字符宽度计算,然后,对比屏幕大小,计算屏幕可以容纳多少字符,其中还包括自动换行操作设定等,此外,还可以在客户端可以设置字符大小、颜色等。
本实施例通过上述方案,采用客户端与服务器相结合的方式,在用户点击浏览器网页时,客户端将用户请求浏览网页的操作指令发送至服务器,服务器根据所述操作指令获取对应的网页内容,将对应的网页内容转换为字符串格式返回给客户端,由客户端进行展示,从而提升了网页(尤其是大篇幅网页)在移动终端上的展示速度,同时也提高了网页的展示效果,并可以在一定程度上满足用户节省流量的需求。
如图5所示,本发明第二实施例提出一种网页展示方法,包括:
步骤S301,接收客户端发送的用户请求浏览网页的操作指令;
本实施例方法运行环境涉及客户端及服务器(参照图1所示),其中,本客户端可以为PC客户端,也可以为手机、平板电脑等具有网页浏览功能的移动终端。本实施例的方法执行主体为服务器。
以android系统的手机端为例,由于现有的android系统手机在展示网页时,只针对html网页中比较标准的网页进行展示,对于使用过特殊标签的网页内容(比如大篇幅新闻类网页),则需要单独定制网页标签的过滤方案,而且在展示网页的过程中,会有一段时间的响应时间空白,降低了网页的展示速度。
本实施例方案可以提升网页尤其是大篇幅网页在移动终端上的展示速度。本实施例客户端与服务器的交互流程如图2所示。
首先,在客户端侧,用户在客户端上触发浏览网页的操作,比如在客户端浏览器上输入欲浏览网页的网址,以请求浏览该网页,或者,通过客户端上的阅读软件选择欲浏览的网页等。客户端响应用户的操作,获取用户请求浏览网页的操作指令,并将该操作指令发送至服务器,由服务器下发相应的网页内容。
以用户使用手机上的阅读软件浏览网页为例,当用户启动手机的阅读软件,并点击任意网页源后,进入网页内容摘要页面,如图3a所示,图3a示出了一种新闻的摘要页面示意图;用户可以在网页内容摘要页面选择任意摘要,以浏览对应的网页正文。客户端在网页内容摘要页面接收用户选择浏览网页的点击操作指令,并将此点击操作指令发送至服务器。
步骤S302,根据所述操作指令获取对应的网页内容,将所述对应的网页内容转换为字符串格式;
步骤S303,将字符串格式的网页内容返回给所述客户端,由所述客户端进行展示。
在服务器侧,服务器在接收到客户端发送的用户请求浏览网页的点击操作指令后,从后台获取对应的网页内容。
为了提升网页在客户端上的展示速度,本实施例中,服务器在从后台获取到对应的网页内容后,并不是直接将该获取的网页内容返回给客户端,而是解析该网页内容,获取该网页内容的标签,然后对该网页内容标签进行过滤处理(即进行网页转义),生成文本字符串,将网页内容转换为字符串格式,再返回给客户端。
对于网页中的图片、音视频等文件,服务器则向客户端返回相应的URL地址,由客户端根据用户需求选择是否拉取相应的图片、音视频内容。
也就是说,服务器对网页内容进行解析后,仅仅是将网页中文本内容转换为字符串格式返回给客户端,对于网页中的图片、音视频等文件,则向客户端返回相应的URL地址,当用户需要浏览该网页中的图片或者音视频文件等其他非文本文件时,客户端会根据用户请求,并将图片或音视频文件等文件的URL地址携带在请求中发送至服务器,以拉取相应的图片或音视频内容。由此,可以实现网页内容的快速展示,而且在一定程度上节省了用户流量,满足了用户需求。
上述服务器在拉取到网页后,对网页进行解析,获取网页内容的标签的过程如下:
服务器解析网页生成DOM树;其中,DOM树是指文档模型树,在HTML网页脚本中,其中的所有元素单元组合在一起可以看作是一颗多叉树,这种树结构被称为节点树。DOM树中的每一节点单元对应HTML网页脚本里的一个元素单元,即标签(tag),可通过这棵DOM树访问所有节点,可以对DOM树进行节点的遍历、插入、删除等操作,也可以创建新的节点元素。
DOM树展示了节点的集合,以及它们之间的联系。这棵树从根节点开始,然后在树的最低层级向文本节点长出枝条。DOM树中的节点彼此之间都有等级关系,通常通过父、子和同级节点来描述这种关系。父节点拥有子节点,位于相同层级上的子节点称为同级节点(兄弟或姐妹)。
在DOM树中,顶端的节点称为根节点,根节点之外的每个节点都有一个父节点,节点可以有任何数量的子节点,叶子是没有子节点的节点,同级节点是拥有相同父节点的节点。因为HTML等文档数据是按照树的形式进行构造的,所以可以在不了解树的确切结构且不了解其中包含的数据类型的情况下,对其进行遍历。
服务器在生成DOM树的阶段会创建网页脚本中每个标签(tag)的DOM节点,由此可以得到网页内容的标签。
然后,服务器对该网页内容标签进行过滤处理(即进行网页转义),从中过滤出文本内容对应的标签,并生成文本字符串,将网页内容转换为字符串格式,再返回给客户端。服务器在对该网页内容标签进行过滤处理时,还会记录其中的图片、音视频文件等非文本内容对应的标签,然后或获取图片、音视频文件等非文本内容的URL返回给客户端。
客户端接收到服务器返回的字符串格式的网页内容后,以文本方式展示字符串格式的网页内容,由此可以实现网页内容的快速展示。
作为一种实施方式,客户端可以使用本地的文本控件(比如TextView文本控件)对该字符串格式的网页内容进行展示,当然,客户端也可以采用其它能够展示字符串格式网页内容的控件或脚本来进行网页内容的展示。
由于现有的移动终端操作系统大都采用webview进行网页的直接展示,而这种展示方案,在展示网页的过程中,会有一段时间的响应时间空白,且网页展示不易控制,使得网页展示速度慢,并造成不必要的流量损失。本实施例通过将网页内容转换为字符串格式,并通过文本控件对字符串格式的网页内容进行展示,则可以提高网页内容的展示速度和展示效果。对于android手机而言,则使用android的TextView文本控件进行展示,从而使用户能够更加快速的获得想要查看的具体内容,提升了网页的展示速度和展示效果,同时也提高了网页内容展示的灵活性,也满足了用户节省流量的需求。如图3b所示,图3b示出了客户端展示的一种页面示意图。
在本实施例中,客户端从服务器获取到字符串格式的网页内容后,使用本地的文本控件对该字符串格式的网页内容进行展示的具体过程如下:
首先,客户端在获取到服务器返回的字符串格式的网页内容后,将该字符串格式的网页内容直接推送到本地的文本控件中用于展示文本的字段,然后,字符串文本内容即展示在页面上。
其中,文本内容展示的页面宽度可以在客户端预先设定,客户端在设定页面宽度时,先进行每一字符宽度计算,然后,对比屏幕大小,计算屏幕可以容纳多少字符,其中还包括自动换行操作设定等,此外,还可以在客户端可以设置字符大小、颜色等。
本实施例通过上述方案,采用客户端与服务器相结合的方式,在用户点击浏览器网页时,客户端将用户请求浏览网页的操作指令发送至服务器,服务器根据所述操作指令获取对应的网页内容,将对应的网页内容转换为字符串格式返回给客户端,由客户端进行展示,从而提升了网页(尤其是大篇幅网页)在移动终端上的展示速度,同时也提高了网页的展示效果,并可以在一定程度上满足用户节省流量的需求。
如图6所示,本发明较佳实施例提出一种网页展示服务器,包括:接收模块401、转换模块402及发送模块403,其中:
接收模块401,用于接收客户端发送的用户请求浏览网页的操作指令;
转换模块402,用于根据所述操作指令获取对应的网页内容,将所述对应的网页内容转换为字符串格式;
发送模块403,用于将字符串格式的网页内容返回给所述客户端,由所述客户端进行展示。
其中,客户端可以为PC客户端,也可以为手机、平板电脑等具有网页浏览功能的移动终端。
以android系统的手机端为例,由于现有的android系统手机在展示网页时,只针对html网页中比较标准的网页进行展示,对于使用过特殊标签的网页内容(比如大篇幅新闻类网页),则需要单独定制网页标签的过滤方案,而且在展示网页的过程中,会有一段时间的响应时间空白,降低了网页的展示速度。
本实施例方案可以提升网页尤其是大篇幅网页在移动终端上的展示速度。本实施例客户端与服务器的交互流程如图2所示。
首先,用户在客户端上触发浏览网页的操作,比如在客户端浏览器上输入欲浏览网页的网址,以请求浏览该网页,或者,通过客户端上的阅读软件选择欲浏览的网页等。客户端响应用户的操作,获取用户请求浏览网页的操作指令,并将该操作指令发送至服务器,由服务器下发相应的网页内容。
以用户使用手机上的阅读软件浏览网页为例,当用户启动手机的阅读软件,并点击任意网页源后,进入网页内容摘要页面,如图3a所示,图3a示出了一种新闻的摘要页面示意图;用户可以在网页内容摘要页面选择任意摘要,以浏览对应的网页正文。客户端在网页内容摘要页面接收用户选择浏览网页的点击操作指令,并将此点击操作指令发送至服务器。
服务器在接收到客户端发送的用户请求浏览网页的点击操作指令后,从后台获取对应的网页内容。
为了提升网页在客户端上的展示速度,本实施例中,服务器在从后台获取到对应的网页内容后,并不是直接将该获取的网页内容返回给客户端,而是解析该网页内容,获取该网页内容的标签,然后对该网页内容标签进行过滤处理(即进行网页转义),生成文本字符串,将网页内容转换为字符串格式,再返回给客户端。
对于网页中的图片、音视频等文件,服务器则向客户端返回相应的URL地址,由客户端根据用户需求选择是否拉取相应的图片、音视频内容。
也就是说,服务器对网页内容进行解析后,仅仅是将网页中文本内容转换为字符串格式返回给客户端,对于网页中的图片、音视频等文件,则向客户端返回相应的URL地址,当用户需要浏览该网页中的图片或者音视频文件等其他非文本文件时,客户端会根据用户请求,并将图片或音视频文件等文件的URL地址携带在请求中发送至服务器,以拉取相应的图片或音视频内容。由此,可以实现网页内容的快速展示,而且在一定程度上节省了用户流量,满足了用户需求。
上述服务器在拉取到网页后,对网页进行解析,获取网页内容的标签的过程如下:
服务器解析网页生成DOM树;其中,DOM树是指文档模型树,在HTML网页脚本中,其中的所有元素单元组合在一起可以看作是一颗多叉树,这种树结构被称为节点树。DOM树中的每一节点单元对应HTML网页脚本里的一个元素单元,即标签(tag),可通过这棵DOM树访问所有节点,可以对DOM树进行节点的遍历、插入、删除等操作,也可以创建新的节点元素。
DOM树展示了节点的集合,以及它们之间的联系。这棵树从根节点开始,然后在树的最低层级向文本节点长出枝条。DOM树中的节点彼此之间都有等级关系,通常通过父、子和同级节点来描述这种关系。父节点拥有子节点,位于相同层级上的子节点称为同级节点(兄弟或姐妹)。
在DOM树中,顶端的节点称为根节点,根节点之外的每个节点都有一个父节点,节点可以有任何数量的子节点,叶子是没有子节点的节点,同级节点是拥有相同父节点的节点。因为HTML等文档数据是按照树的形式进行构造的,所以可以在不了解树的确切结构且不了解其中包含的数据类型的情况下,对其进行遍历。
服务器在生成DOM树的阶段会创建网页脚本中每个标签(tag)的DOM节点,由此可以得到网页内容的标签。
然后,服务器对该网页内容标签进行过滤处理(即进行网页转义),从中过滤出文本内容对应的标签,并生成文本字符串,将网页内容转换为字符串格式,再返回给客户端。服务器在对该网页内容标签进行过滤处理时,还会记录其中的图片、音视频文件等非文本内容对应的标签,然后或获取图片、音视频文件等非文本内容的URL返回给客户端。
客户端接收到服务器返回的字符串格式的网页内容后,以文本方式展示字符串格式的网页内容,由此可以实现网页内容的快速展示。作为一种实施方式,客户端可以使用本地的文本控件对该字符串格式的网页内容进行展示,当然,客户端也可以采用其它能够展示字符串格式网页内容的控件或脚本来进行网页内容的展示。
由于现有的移动终端操作系统大都采用webview进行网页的直接展示,而这种展示方案,在展示网页的过程中,会有一段时间的响应时间空白,且网页展示不易控制,使得网页展示速度慢,并造成不必要的流量损失。本实施例通过将网页内容转换为字符串格式,并通过文本控件对字符串格式的网页内容进行展示,则可以提高网页内容的展示速度和展示效果。对于android手机而言,则使用android的TextView文本控件进行展示,从而使用户能够更加快速的获得想要查看的具体内容,提升了网页的展示速度和展示效果,同时也提高了网页内容展示的灵活性,也满足了用户节省流量的需求。如图3b所示,图3b示出了客户端展示的一种页面示意图。
在本实施例中,客户端从服务器获取到字符串格式的网页内容后,使用本地的文本控件对该字符串格式的网页内容进行展示的具体过程如下:
首先,客户端在获取到服务器返回的字符串格式的网页内容后,将该字符串格式的网页内容直接推送到本地的文本控件中用于展示文本的字段,然后,字符串文本内容即展示在页面上。
其中,文本内容展示的页面宽度可以在客户端预先设定,客户端在设定页面宽度时,先进行每一字符宽度计算,然后,对比屏幕大小,计算屏幕可以容纳多少字符,其中还包括自动换行操作设定等,此外,还可以在客户端可以设置字符大小、颜色等。
本实施例通过上述方案,采用客户端与服务器相结合的方式,在用户点击浏览器网页时,客户端将用户请求浏览网页的操作指令发送至服务器,服务器根据所述操作指令获取对应的网页内容,将对应的网页内容转换为字符串格式返回给客户端,由客户端进行展示,从而提升了网页(尤其是大篇幅网页)在移动终端上的展示速度,同时也提高了网页的展示效果,并可以在一定程度上满足用户节省流量的需求。
如图7所示,图7是本发明实施例提出的网页展示服务器的一种结构示意图。
如图7所示,该服务器可以包括:处理器1001,例如CPU,网络接口1004,用户接口1003,存储器1005,通信总线1002。其中,通信总线1002用于实现这些组件之间的连接通信。用户接口1003可以包括显示屏(Display)、键盘(Keyboard),可选用户接口1003还可以包括标准的有线接口、无线接口。网络接口1004可选的可以包括标准的有线接口、无线接口(如WI-FI接口)。存储器1005可以是高速RAM存储器,也可以是非不稳定的存储器(non-volatile memory),例如个磁盘存储器。存储器1005可选的还可以是个位于远离前述处理器1001的存储装置。如图7所示,作为一种计算机存储介质的存储器1005中可以包括操作系统、网络通信模块、用户接口模块以及网页展示应用程序。
在图7所示的服务器中,网络接口1004主要用于连接客户端,与客户端进行数据通信;用户接口1003主要用于连接后台管理平台,与后台管理平台进行数据通信;而处理器1001可以用于调用存储器1005中存储的网页展示应用程序,并执行以下操作:
通过网络接口1004与客户端进行交互,接收客户端发送的用户请求浏览网页的操作指令;然后,根据所述操作指令获取对应的网页内容,将所述对应的网页内容转换为字符串格式;将字符串格式的网页内容返回给所述客户端,由所述客户端进行展示。
在一个实施例中,处理器1001调用存储器1005中存储的网页展示应用程序可以执行以下操作:
解析所述对应的网页内容,获取网页内容的标签;对所述网页内容的标签进行过滤处理,生成字符串,得到字符串格式的网页内容,通过网络接口1004将得到的字符串格式的网页内容返回给客户端。
本实施例通过上述方案,采用客户端与服务器相结合的方式,在用户点击浏览器网页时,客户端将用户请求浏览网页的操作指令发送至服务器,服务器根据所述操作指令获取对应的网页内容,将对应的网页内容转换为字符串格式返回给客户端,由客户端进行展示,从而提升了网页(尤其是大篇幅网页)在移动终端上的展示速度,同时也提高了网页的展示效果,并可以在一定程度上满足用户节省流量的需求。
还需要说明的是,在本文中,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者装置不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者装置所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括该要素的过程、方法、物品或者装置中还存在另外的相同要素。
上述本发明实施例序号仅仅为了描述,不代表实施例的优劣。
通过以上的实施方式的描述,本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现,当然也可以通过硬件,但很多情况下前者是更佳的实施方式。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质(如ROM/RAM、磁碟、光盘)中,包括若干指令用以使得一台终端设备(可以是手机,计算机,服务器,或者网络设备等)执行本发明各个实施例所述的方法。
以上所述仅为本发明的优选实施例,并非因此限制本发明的专利范围,凡是利用本发明说明书及附图内容所作的等效结构或流程变换,或直接或间接运用在其它相关的技术领域,均同理包括在本发明的专利保护范围内。

Claims (14)

1.一种网页展示方法,其特征在于,包括:
客户端获取用户请求浏览网页的操作指令;
所述客户端将所述操作指令发送至服务器;
所述服务器根据所述操作指令解析对应的网页内容,生成对应的文档对象模型DOM树,并基于所述DOM树得到所述网页内容的标签;
基于得到的所述标签,将文本内容转换为字符串格式,生成文本字符串,并获取非文本内容的统一资源定位符URL;
所述服务器将包含所述文本字符串及所述非文本内容的URL的网页内容返回给所述客户端;
所述客户端将所述网页内容推送至本地文本控件中用于展示文本的字段,以在页面上展示所述网页内容;
当用户选择在所述页面上展示所述非文本内容时,所述客户端根据所述非文本内容的URL拉取所述非文本内容。
2.根据权利要求1所述的方法,其特征在于,所述客户端获取用户请求浏览网页的操作指令的步骤包括:
所述客户端响应用户的点击操作显示网页内容摘要页面;
在所述网页内容摘要页面接收用户选择浏览网页的点击操作指令。
3.根据权利要求1或2所述的方法,其特征在于,所述服务器将文本内容转换为字符串格式,生成文本字符串的步骤包括:
所述服务器对所述网页内容的标签进行过滤处理,从中过滤出文本内容对应的标签,生成文本字符串。
4.根据权利要求3所述的方法,其特征在于,所述对网页内容的标签进行过滤处理的步骤之后还包括:
记录非文本内容对应的标签,并获取对应的非文本内容的URL返回给所述客户端。
5.一种网页展示系统,其特征在于,包括:客户端和与所述客户端通信连接的服务器;其中:
所述客户端,用于获取用户请求浏览网页的操作指令;将所述操作指令发送至服务器;
所述服务器,用于根据所述操作指令解析对应的网页内容,生成对应的文档对象模型DOM树,并基于所述DOM树得到所述网页内容的标签;
基于得到的所述标签,将文本内容转换为字符串格式,生成文本字符串,并获取非文本内容的统一资源定位符URL;将包含所述文本字符串及所述非文本内容的URL的网页内容返回给所述客户端;
所述客户端,还用于将所述网页内容推送至本地文本控件中用于展示文本的字段,以在页面上展示所述网页内容;
当用户选择在所述页面上展示所述非文本内容时,所述客户端,还用于根据所述非文本内容的URL拉取所述非文本内容。
6.根据权利要求5所述的系统,其特征在于,
所述客户端,还用于响应用户的点击操作显示网页内容摘要页面;在所述网页内容摘要页面接收用户选择浏览网页的点击操作指令。
7.根据权利要求5或6所述的系统,其特征在于,
所述服务器,还用于对所述网页内容的标签进行过滤处理,从中过滤出文本内容对应的标签,生成文本字符串;以及,还用于记录非文本内容对应的标签,并获取对应的非文本内容的URL返回给所述客户端。
8.一种网页展示方法,其特征在于,包括:
接收客户端发送的用户请求浏览网页的操作指令;
根据所述操作指令解析对应的网页内容,生成对应的文档对象模型DOM树,并基于所述DOM树得到所述网页内容的标签;
基于得到的所述标签,将文本内容转换为字符串格式,生成文本字符串,并获取非文本内容的统一资源定位符URL;
将包含所述文本字符串及所述非文本内容的URL的网页内容返回给所述客户端,由所述客户端将所述网页内容推送至本地文本控件中用于展示文本的字段,以在页面上展示所述网页内容,以使用户选择在所述页面上展示所述非文本内容时,所述客户端根据所述非文本内容的URL拉取所述非文本内容。
9.根据权利要求8所述的方法,其特征在于,所述将文本内容转换为字符串格式,生成文本字符串的步骤包括:
对所述网页内容的标签进行过滤处理,从中过滤出文本内容对应的标签,生成文本字符串。
10.根据权利要求9所述的方法,其特征在于,所述对网页内容的标签进行过滤处理的步骤之后还包括:
记录非文本内容对应的标签,并获取对应的非文本内容的URL返回给所述客户端。
11.一种网页展示服务器,其特征在于,包括:
接收模块,用于接收客户端发送的用户请求浏览网页的操作指令;
转换模块,用于根据所述操作指令解析对应的网页内容,生成对应的文档对象模型DOM树,并基于所述DOM树得到所述网页内容的标签;
基于得到的所述标签,将文本内容转换为字符串格式,生成文本字符串,并获取非文本内容的统一资源定位符URL;
发送模块,用于将包含所述文本字符串及所述非文本内容的URL的网页内容返回给所述客户端,由所述客户端将所述网页内容推送至本地文本控件中用于展示文本的字段,以在页面上展示所述网页内容,以使用户选择在所述页面上展示所述非文本内容时,所述客户端根据所述非文本内容的URL拉取所述非文本内容。
12.根据权利要求11所述的服务器,其特征在于,
所述转换模块,还用于对所述网页内容的标签进行过滤处理,生成字符串,得到字符串格式的网页内容;以及记录非文本内容对应的标签,并获取对应的非文本内容的URL通过所述发送模块返回给所述客户端。
13.一种网页展示服务器,其特征在于,包括:
存储器,用于存储可执行指令;
处理器,用于执行所述存储器中存储的可执行指令时,实现权利要求8至10任一项所述的网页展示方法。
14.一种存储介质,其特征在于,所述存储介质存储有可执行指令,用于引起处理器执行时,实现权利要求1至4任一项所述的网页展示方法,或者,实现权利要求8至10任一项所述的网页展示方法。
CN201410079531.4A 2014-03-05 2014-03-05 网页展示方法、服务器及系统 Active CN104899212B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201410079531.4A CN104899212B (zh) 2014-03-05 2014-03-05 网页展示方法、服务器及系统

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201410079531.4A CN104899212B (zh) 2014-03-05 2014-03-05 网页展示方法、服务器及系统

Publications (2)

Publication Number Publication Date
CN104899212A CN104899212A (zh) 2015-09-09
CN104899212B true CN104899212B (zh) 2019-11-12

Family

ID=54031880

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201410079531.4A Active CN104899212B (zh) 2014-03-05 2014-03-05 网页展示方法、服务器及系统

Country Status (1)

Country Link
CN (1) CN104899212B (zh)

Families Citing this family (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106789551B (zh) * 2016-11-14 2019-12-03 北京小米移动软件有限公司 会话消息展示方法及装置
CN109543454B (zh) * 2019-01-25 2022-07-12 腾讯科技(深圳)有限公司 一种反爬虫方法及相关设备
CN110413931B (zh) * 2019-07-31 2022-07-12 北京奇艺世纪科技有限公司 数据加载方法、装置、计算机设备和存储介质
CN110691136B (zh) * 2019-09-29 2022-01-21 广州华多网络科技有限公司 数据交互方法、装置、电子设备及存储介质
CN111078219B (zh) * 2019-12-13 2023-10-03 北京金山云网络技术有限公司 页面显示方法、装置、系统、电子设备及存储介质
CN114780896B (zh) * 2022-06-20 2022-09-09 深圳市快印客电子商务有限公司 网页内容生成方法、装置及计算机可读存储介质

Family Cites Families (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101770488A (zh) * 2008-12-27 2010-07-07 鸿富锦精密工业(深圳)有限公司 网页转换系统及方法
CN101526953A (zh) * 2009-01-19 2009-09-09 北京跳网无限科技发展有限公司 Www转换技术
CN101977233A (zh) * 2010-11-01 2011-02-16 优视科技有限公司 一种移动终端以阅读模式浏览网页方法和系统
CN103379127B (zh) * 2012-04-12 2016-08-17 阿里巴巴集团控股有限公司 服务器与客户端间的数据交互方法及装置
CN103513987A (zh) * 2013-09-18 2014-01-15 小米科技有限责任公司 一种浏览器网页的渲染处理方法、装置及终端设备

Also Published As

Publication number Publication date
CN104899212A (zh) 2015-09-09

Similar Documents

Publication Publication Date Title
US10956531B2 (en) Dynamic generation of mobile web experience
CN104899212B (zh) 网页展示方法、服务器及系统
JP6051337B2 (ja) クライアント側ページ処理
US8572105B2 (en) Method and system for desktop tagging of a web page
KR102185864B1 (ko) 프레젠테이션을 위한 네이티브 콘텐츠의 서버측 렌더링 방법 및 시스템
US8122104B2 (en) Method and system for providing XML-based asynchronous and interactive feeds for web applications
US9645977B2 (en) Systems and methods for configuring a header and layout of a mobile version of a conventional website
US10542123B2 (en) System and method for generating and monitoring feedback of a published webpage as implemented on a remote client
CN103412928A (zh) 一种在移动终端实现浏览器页面智能响应式布局的方法与装置
CN105095280A (zh) 一种浏览器缓存方法和装置
CN103353886A (zh) 预览网页的方法及系统
CN108874810B (zh) 信息采集的方法和装置
CN106339414A (zh) 网页渲染方法及装置
CN102662666B (zh) 一种界面菜单的创建方法及装置
CN112100550A (zh) 一种页面构建方法和装置
CN103885764A (zh) 网络媒介信息展示系统、方法、装置和服务器
CN103092941A (zh) 在电子设备上呈现内容的方法和装置
WO2022048141A1 (zh) 一种图像处理方法及装置、计算机可读存储介质
CN109725965A (zh) 层叠样式表维护方法、装置、计算机设备及存储介质
US20130124974A1 (en) System for Assembling Webpage's Region of Other Website into a Webpage of a Website and Method for the Same
CN109683978A (zh) 一种流式布局界面渲染的方法、装置以及电子设备
WO2017092455A1 (zh) 一种移动终端网页浏览方法及移动终端
CN110019037A (zh) 一种pdf文件展示方法、装置、设备及存储介质
CN113656737A (zh) 网页内容展示方法、装置、电子设备以及存储介质
CN103617224A (zh) 一种网页收藏方法、装置及系统

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant