CN104156421B - 页面的展现方法、装置及系统 - Google Patents
页面的展现方法、装置及系统 Download PDFInfo
- Publication number
- CN104156421B CN104156421B CN201410384538.7A CN201410384538A CN104156421B CN 104156421 B CN104156421 B CN 104156421B CN 201410384538 A CN201410384538 A CN 201410384538A CN 104156421 B CN104156421 B CN 104156421B
- Authority
- CN
- China
- Prior art keywords
- page
- rendering result
- tag
- rendering
- elements
- 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
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9574—Browsing optimisation, e.g. caching or content distillation of access to content, e.g. by caching
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本发明提供一种页面的展现方法、装置及系统,通过客户端获取第一页面的第一页面主资源,第一页面主资源中包含第一页面标签,第一页面标签用于定义第一页面元素,进而根据第一页面标签,获得第一页面元素的标识信息,使得客户端能够根据第一页面元素的标识信息,获得第一页面元素的渲染结果,并输出第一页面元素的渲染结果,由于只需从指定页面标签即第一页面标签中读取第一页面元素的标识信息,就可以根据第一页面元素的标识信息,直接获得第一页面元素的渲染结果,而无需解析第一页面标签所定义的第一页面元素的具体内容,从而提高了页面的展现速度。
Description
【技术领域】
本发明涉及万维网(World Wide Web,Web)页面处理技术,尤其涉及一种页面的展现方法、装置及系统。
【背景技术】
客户端例如浏览器等,要加载万维网(World Wide Web,Web)页面,首先要下载页面资源。目前的页面资源包括页面主资源和页面子资源。其中,页面主资源是页面源代码,页面子资源是Web页面中除页面主资源以外的其他资源,例如,图片、流媒体、JavaScript脚本文件和层叠样式表(Cascading Style Sheets,CSS)资源等。
目前,客户端下载Web页面时,需要先下载页面主资源,进而解析并渲染页面主资源。当解析到页面主资源中所嵌入的页面子资源的统一资源定位符(Uniform ResourceLocator,URL)时,开始下载页面子资源,并根据页面子资源,进一步渲染页面主资源。最后,将渲染结果输出,以展现网页。这样,导致页面的展现速度较慢。
【发明内容】
本发明的多个方面提供一种页面的展现方法、装置及系统,用以提高页面的展现速度。
本发明的一方面,提供一种页面的展现方法,包括:
客户端获取第一页面的第一页面主资源,所述第一页面主资源中包含第一页面标签,所述第一页面标签用于定义第一页面元素;
所述客户端根据所述第一页面标签,获得所述第一页面元素的标识信息;
所述客户端根据所述第一页面元素的标识信息,获得所述第一页面元素的渲染结果。
如上所述的方面和任一可能的实现方式,进一步提供一种实现方式,所述第一页面标签包括Include标签。
如上所述的方面和任一可能的实现方式,进一步提供一种实现方式,所述客户端根据所述第一页面元素的标识信息,获得所述第一页面元素的渲染结果之前,包括:
所述客户端存储所述第一页面元素的渲染结果。
如上所述的方面和任一可能的实现方式,进一步提供一种实现方式,所述客户端存储所述第一页面元素的渲染结果之前,还包括:
所述客户端获取第二页面的第二页面主资源,所述第二页面主资源中包含所述第一页面标签和第三页面标签,所述第三页面标签用于定义所述第二页面中除了所述第一页面元素之外的其他页面元素;
所述客户端对所述第二页面主资源进行解析处理和渲染处理,以获得所述第二页面的渲染结果,所述第二页面的渲染结果包括所述第一页面元素的渲染结果和除了所述第一页面元素之外的其他页面元素的渲染结果。
如上所述的方面和任一可能的实现方式,进一步提供一种实现方式,所述第三页面标签包括第四页面标签和第五页面标签,所述第四页面标签用于定义第二页面元素,所述第五页面标签用于定义所述第二页面中除了所述第一页面元素和所述第二页面元素之外的其他页面元素;所述客户端对所述第二页面主资源进行解析处理和渲染处理,以获得所述第二页面的渲染结果,包括:
所述客户端对所述第四页面标签进行解析处理和渲染处理,以获得所述第二页面元素的渲染结果;
所述客户端输出所述第二页面元素的渲染结果;
所述客户端对所述第一页面标签和所述第五页面标签进行解析处理和渲染处理,以获得所述第一页面元素的渲染结果和除了所述第一页面元素和所述第二页面元素之外的其他页面元素的渲染结果;
所述客户端输出所述第一页面元素的渲染结果和除了所述第一页面元素和所述第二页面元素之外的其他页面元素的渲染结果。
如上所述的方面和任一可能的实现方式,进一步提供一种实现方式,所述第四页面标签包括Head标签、Header标签和Nav标签中的至少一个。
如上所述的方面和任一可能的实现方式,进一步提供一种实现方式,所述客户端获取第一页面的第一页面主资源之前,还包括:
服务器获取所述第一页面的第三页面主资源,所述第三页面主资源中包含第六页面标签和第七页面标签,所述第六页面标签用于定义第三页面元素,所述第七页面标签用于定义所述第一页面中除了所述第三页面元素之外的其他页面元素;
所述服务器对所述第三页面主资源进行解析处理和渲染处理,以获得所述第一页面的渲染结果,所述第一页面的渲染结果包括所述第三页面元素的渲染结果和除了所述第三页面元素之外的其他页面元素的渲染结果;
所述服务器将所述第三页面元素的渲染结果作为所述第一页面的页面子资源;
所述服务器根据所述页面子资源的URL和所述第三页面主资源,生成所述第一页面主资源,以供所述客户端获取所述第一页面主资源。
如上所述的方面和任一可能的实现方式,进一步提供一种实现方式,所述第三页面元素包括:
文字;或者
文字和图片。
本发明的另一方面,提供一种页面的展现装置,包括:
获取单元,用于获取第一页面的第一页面主资源,所述第一页面主资源中包含第一页面标签,所述第一页面标签用于定义第一页面元素;
处理单元,用于根据所述第一页面标签,获得所述第一页面元素的标识信息,根据所述第一页面元素的标识信息,获得所述第一页面元素的渲染结果。
如上所述的方面和任一可能的实现方式,进一步提供一种实现方式,所述第一页面标签包括Include标签。
如上所述的方面和任一可能的实现方式,进一步提供一种实现方式,所述装置还包括存储单元,用于
存储所述第一页面元素的渲染结果。
如上所述的方面和任一可能的实现方式,进一步提供一种实现方式,
所述获取单元,还用于
获取第二页面的第二页面主资源,所述第二页面主资源中包含所述第一页面标签和第三页面标签,所述第三页面标签用于定义所述第二页面中除了所述第一页面元素之外的其他页面元素;
所述处理单元,还用于
对所述第二页面主资源进行解析处理和渲染处理,以获得所述第二页面的渲染结果,所述第二页面的渲染结果包括所述第一页面元素的渲染结果和除了所述第一页面元素之外的其他页面元素的渲染结果。
如上所述的方面和任一可能的实现方式,进一步提供一种实现方式,所述第三页面标签包括第四页面标签和第五页面标签,所述第四页面标签用于定义第二页面元素,所述第五页面标签用于定义所述第二页面中除了所述第一页面元素和所述第二页面元素之外的其他页面元素;
所述处理单元,具体用于
对所述第四页面标签进行解析处理和渲染处理,以获得所述第二页面元素的渲染结果;
输出所述第二页面元素的渲染结果;
对所述第一页面标签和所述第五页面标签进行解析处理和渲染处理,以获得所述第一页面元素的渲染结果和除了所述第一页面元素和所述第二页面元素之外的其他页面元素的渲染结果;
输出所述第一页面元素的渲染结果和除了所述第一页面元素和所述第二页面元素之外的其他页面元素的渲染结果。
如上所述的方面和任一可能的实现方式,进一步提供一种实现方式,所述第四页面标签包括Head标签、Header标签和Nav标签中的至少一个。
本发明的另一方面,提供一种页面的展现系统,包括服务器和上述另一方面所提供的页面的展现装置;其中,
所述服务器,用于向所述页面的展现装置发送所述第一页面的第一页面主资源。
如上所述的方面和任一可能的实现方式,进一步提供一种实现方式,所述服务器,还用于
获取所述第一页面的第三页面主资源,所述第三页面主资源中包含第六页面标签和第七页面标签,所述第六页面标签用于定义第三页面元素,所述第七页面标签用于定义所述第一页面中除了所述第三页面元素之外的其他页面元素;
对所述第三页面主资源进行解析处理和渲染处理,以获得所述第一页面的渲染结果,所述第一页面的渲染结果包括所述第三页面元素的渲染结果和除了所述第三页面元素之外的其他页面元素的渲染结果;
将所述第三页面元素的渲染结果作为所述第一页面的页面子资源;以及
根据所述页面子资源的URL和所述第三页面主资源,生成所述第一页面主资源,以供所述客户端获取所述第一页面主资源。
如上所述的方面和任一可能的实现方式,进一步提供一种实现方式,所述第三页面元素包括:
文字;或者
文字和图片。
由上述技术方案可知,本发明实施例通过客户端获取第一页面的第一页面主资源,所述第一页面主资源中包含第一页面标签,所述第一页面标签用于定义第一页面元素,进而根据所述第一页面标签,获得所述第一页面元素的标识信息,使得客户端能够根据所述第一页面元素的标识信息,获得所述第一页面元素的渲染结果,由于只需从指定页面标签即第一页面标签中读取第一页面元素的标识信息,就可以根据所述第一页面元素的标识信息,直接获得所述第一页面元素的渲染结果,而无需解析第一页面标签所定义的第一页面元素的具体内容,从而提高了页面的展现速度。
另外,采用本发明提供的技术方案,由于只需从第一页面标签中读取第一页面元素的标识信息,就可以根据所述第一页面元素的标识信息,直接获得所述第一页面元素的渲染结果,而无需解析第一页面标签所定义的第一页面元素的具体内容,因此,能够有效提高第一页面元素展现的实时性。
另外,采用本发明提供的技术方案,无需解析第一页面标签所定义的第一页面元素的具体内容,能够有效降低客户端的处理负担。
另外,采用本发明提供的技术方案,通过客户端对所述第四页面标签进行解析处理和渲染处理,以获得所述第二页面元素的渲染结果,进而输出所述第二页面元素的渲染结果,再对其它页面标签进行解析处理和渲染处理,以获得其它页面元素的渲染结果,进而输出其它页面元素的渲染结果,由于先对页面主资源中指定页面标签即第四页面标签进行解析处理和渲染处理,以获得该指定页面标签所定义的第二页面元素的渲染结果,进而输出,因此,能够有效提高第二页面元素展现的实时性。
另外,采用本发明提供的技术方案,通过服务器获取所述第一页面的第三页面主资源,进而对所述第三页面主资源进行解析处理和渲染处理,以获得第六页面标签所定义的第三页面元素的渲染结果和第七页面标签所定义的除了所述第三页面元素之外的其他页面元素的渲染结果,使得所述服务器能够根据所述第三页面元素的渲染结果和所述第三页面主资源,生成所述第一页面主资源,以供所述客户端获取所述第一页面主资源,由于服务器预先获得第一页面中指定页面元素即第三页面元素的渲染结果和除了所述第三页面元素之外的其他页面元素的渲染结果,并将第三页面元素的渲染结果作为独立的页面子资源,与第一页面的原始页面主资源即第三页面主资源一并,生成新的页面主资源即第一页面主资源,以供客户端获取,而无需客户端解析和渲染第六页面标签,从而提高了页面的展现速度。
另外,采用本发明提供的技术方案,无需客户端解析和渲染第一页面中定义指定页面元素即第三页面元素的第六页面标签,能够有效降低客户端的处理负担。
【附图说明】
为了更清楚地说明本发明实施例中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作一简单地介绍,显而易见地,下面描述中的附图是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。
图1为本发明一实施例提供的页面的展现方法的流程示意图;
图2为本发明另一实施例提供的页面的展现装置的结构示意图;
图3为本发明另一实施例提供的页面的展现装置的结构示意图;
图4为本发明另一实施例提供的页面的展现系统的结构示意图。
【具体实施方式】
为使本发明实施例的目的、技术方案和优点更加清楚,下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的全部其他实施例,都属于本发明保护的范围。
可以理解的是,本发明所涉及的页面,也可以称为Web页面,可以是基于超文本标记语言(HyperText Markup Language,HTML)编写的网页(Web Page),即HTML页面,或者还可以是基于HTML和Java语言编写的网页,即Java服务器页面(Java Server Page,JSP),或者还可以为其他语言编写的网页,本实施例对此不进行特别限定。
需要说明的是,本发明实施例中所涉及的终端可以包括但不限于手机、个人数字助理(Personal Digital Assistant,PDA)、无线手持装置、无线上网本、个人电脑、便携电脑、个人电脑(Personal Computer,PC)、MP3播放器、MP4播放器等。
另外,本文中术语“和/或”,仅仅是一种描述关联对象的关联关系,表示可以存在三种关系,例如,A和/或B,可以表示:单独存在A,同时存在A和B,单独存在B这三种情况。另外,本文中字符“/”,一般表示前后关联对象是一种“或”的关系。
图1为本发明一实施例提供的页面的展现方法的流程示意图,如图1所示。
101、客户端获取第一页面的第一页面主资源,所述第一页面主资源中包含第一页面标签,所述第一页面标签用于定义第一页面元素。
102、所述客户端根据所述第一页面标签,获得所述第一页面元素的标识信息。
103、所述客户端根据所述第一页面元素的标识信息,获得所述第一页面元素的渲染结果。
可以理解的是,所述第一页面主资源中除了包含第一页面标签之外,还可以包含第二页面标签。所述第二页面标签用于定义所述第一页面中除了所述第一页面元素之外的其他页面元素。客户端对第二页面标签进行解析处理和渲染处理的具体方法,可以采用现有技术中的解析处理的方法和渲染处理的方法,详细描述可以参见现有技术中的相关内容,此处不再赘述。
最后,客户端则可以输出所述第一页面元素的渲染结果和除了所述第一页面元素之外的其他页面元素的渲染结果,以完成所述第一页面在客户端的展现。
需要说明的是,101~103的执行主体客户端,可以为位于本地终端中的应用,或者还可以为位于本地终端的应用中的插件或软件开发工具包(Software Development Kit,SDK)等功能单元,本实施例对此不进行特别限定。
可以理解的是,所述应用可以是安装在终端上的应用程序(nativeApp),或者还可以是终端上的浏览器,本实施例对此不进行限定。
在网站的页面设计时,可以将页面经常需要引用公共部分,例如,页面头部、页面尾部等,独立开来,单独存放在一个页面中。这样做的好处,就是可以在各个需要用到该公共部分的页面中,用一个简单的包含语句即第一页面标签就能把它引入进来,大大简化了编写页面主资源的工作量。由于第一页面标签所定义的页面元素,都是若干个页面的公共部分,因此,可以预先将这部分所对应的渲染结果进行存储,以供客户端请求访问这些页面时,直接获取对应的渲染结果,无需解析公用部分所对应的第一页面标签所定义的第一页面元素的具体内容。
这样,通过客户端获取第一页面的第一页面主资源,所述第一页面主资源中包含第一页面标签,所述第一页面标签用于定义第一页面元素,进而根据所述第一页面标签,获得所述第一页面元素的标识信息,使得客户端能够根据所述第一页面元素的标识信息,获得所述第一页面元素的渲染结果,由于只需从指定页面标签即第一页面标签中读取第一页面元素的标识信息,就可以根据所述第一页面元素的标识信息,直接获得所述第一页面元素的渲染结果,而无需解析第一页面标签所定义的第一页面元素的具体内容,从而提高了页面的展现速度。
Web页面可以包括由一个或者多个页面标签例如,超文本标记语言(HyperTextMarkup Language,HTML)标签、JSP标签等,定义的一个显示区块,称为页面元素,例如,文字、图片、超链接、按钮、输入框、下拉框等。
可选地,在本实施例的一个可能的实现方式中,所述第一页面标签可以包括但不限于包含(Include)标签,本实施例对此不进行特别限定。
例如,JSP页面的页面主资源中的Include标签,<jsp:include>。
或者,再例如,HTML页面的页面主资源中的Include File标签,#include file。
可选地,在本实施例的一个可能的实现方式中,在103之前,所述客户端还可以进一步存储所述第一页面元素的渲染结果。
具体地,所谓的渲染结果,为待输出的数字图像,可以预先存储在内存中,以位图图像形式,或者矢量图像等其他形式,还可以本实施例对此不进行特别限定。
可以理解的是,客户端在存储所述第一页面元素的渲染结果的同时,还进一步对所述第一页面元素与其渲染结果进行关联处理。所述关联处理的处理结果,具体可以通过第一页面元素的标识信息,以及第一页面元素的渲染结果,共同体现。这样,所述客户端则可以根据所述第一页面元素的标识信息,获得所述第一页面元素的渲染结果。
其中,客户端所存储的所述第一页面元素的渲染结果,可以通过多种方式获得,本实施例对此不进行特别限定。
具体地,一种方式可以为:所述客户端还可以进一步获取第二页面的第二页面主资源,所述第二页面主资源中包含所述第一页面标签和第三页面标签,所述第三页面标签用于定义所述第二页面中除了所述第一页面元素之外的其他页面元素。然后,所述客户端则可以对所述第二页面主资源进行解析处理和渲染处理,以获得所述第二页面的渲染结果,所述第二页面的渲染结果包括所述第一页面元素的渲染结果和除了所述第一页面元素之外的其他页面元素的渲染结果。
例如,所述客户端对所述第二页面主资源进行解析处理和渲染处理的具体方法,可以采用现有技术中的解析处理的方法和渲染处理的方法,详细描述可以参见现有技术中的相关内容,此处不再赘述。
或者,再例如,所述第三页面标签包括第四页面标签和第五页面标签,所述第四页面标签用于定义第二页面元素,所述第五页面标签用于定义所述第二页面中除了所述第一页面元素和所述第二页面元素之外的其他页面元素;相应地,所述客户端对所述第二页面主资源进行解析处理和渲染处理的具体方法,还可以采用如下的解析处理的方法和渲染处理的方法,即
首先,所述客户端具体可以对所述第四页面标签进行解析处理和渲染处理,以获得所述第二页面元素的渲染结果,进而输出所述第二页面元素的渲染结果。然后,所述客户端再对所述第一页面标签和所述第五页面标签进行解析处理和渲染处理,以获得所述第一页面元素的渲染结果和除了所述第一页面元素和所述第二页面元素之外的其他页面元素的渲染结果,进而输出所述第一页面元素的渲染结果和除了所述第一页面元素和所述第二页面元素之外的其他页面元素的渲染结果。这样,则完成了所述第二页面在客户端的展现。
这样,由于先对页面主资源中指定页面标签即第四页面标签进行解析处理和渲染处理,以获得该指定页面标签所定义的第二页面元素的渲染结果,进而输出,因此,能够有效提高第二页面元素展现的实时性。
可选地,在本实施例的一个可能的实现方式中,所述第四页面标签可以包括但不限于头(Head)标签、头部(Header)标签和导航(Nav)标签中的至少一个,本实施例对此不进行特别限定。Header标签和Nav标签,这两个标签是HTML5页面新增加的标签。
需要说明的是,在HTML5页面中,Header标签,<header></header>,定义了导航相关的辅助内容。也就是说,Header标签并不仅仅是定义页面头部的内容,还可以定义页面头部以下的内容,与其他页面的Head标签所定义的内容并不完全一致。
需要说明的是,在HTML5页面中,Nav标签,<nav></nav>,定义了导航链接。也就是说,Nav标签并不仅仅是定义页面的主导航,还可以定义页面其他部分的子导航。
具体地,另一种方式可以为:服务器还可以进一步获取所述第一页面的第三页面主资源,所述第三页面主资源中包含第六页面标签和第七页面标签,所述第六页面标签用于定义第三页面元素,所述第七页面标签用于定义所述第一页面中除了所述第三页面元素之外的其他页面元素。进而,所述服务器则可以对所述第三页面主资源进行解析处理和渲染处理,以获得所述第一页面的渲染结果,所述第一页面的渲染结果包括所述第三页面元素的渲染结果和除了所述第三页面元素之外的其他页面元素的渲染结果。接着,所述服务器将所述第三页面元素的渲染结果作为所述第一页面的页面子资源。然后,所述服务器根据所述页面子资源的URL和所述第三页面主资源,生成所述第一页面主资源,以供所述客户端获取所述第一页面主资源。
这样,由于服务器预先获得第一页面中指定页面元素即第三页面元素的渲染结果和除了所述第三页面元素之外的其他页面元素的渲染结果,并将第三页面元素的渲染结果作为独立的页面子资源,与第一页面的原始页面主资源即第三页面主资源一并,生成新的页面主资源即第一页面主资源,以供客户端获取,而无需客户端解析和渲染第六页面标签,从而提高了页面的展现速度。
一般来说,在页面中,文字和图片都是示意性质的资源,而不是交互性质的资源例如,超链接、按钮、输入框、下拉框等,用户只需要浏览文字和图片,不需要利用文字和图片与服务器进行交互,因此,服务器则可以预先将这部分示意性质的资源的渲染结果,作为独立的页面子资源例如,图片等。也就是说,所述第三页面元素可以包括但不限于文字;或者文字和图片,本实施例对此不进行特别限定。
本实施例中,通过客户端获取第一页面的第一页面主资源,所述第一页面主资源中包含第一页面标签,所述第一页面标签用于定义第一页面元素,进而根据所述第一页面标签,获得所述第一页面元素的标识信息,使得客户端能够根据所述第一页面元素的标识信息,获得所述第一页面元素的渲染结果,由于只需从指定页面标签即第一页面标签中读取第一页面元素的标识信息,就可以根据所述第一页面元素的标识信息,直接获得所述第一页面元素的渲染结果,而无需解析第一页面标签所定义的第一页面元素的具体内容,从而提高了页面的展现速度。
另外,采用本发明提供的技术方案,由于只需从第一页面标签中读取第一页面元素的标识信息,就可以根据所述第一页面元素的标识信息,直接获得所述第一页面元素的渲染结果,而无需解析第一页面标签所定义的第一页面元素的具体内容,因此,能够有效提高第一页面元素展现的实时性。
另外,采用本发明提供的技术方案,无需解析第一页面标签所定义的第一页面元素的具体内容,能够有效降低客户端的处理负担。
另外,采用本发明提供的技术方案,通过客户端对所述第四页面标签进行解析处理和渲染处理,以获得所述第二页面元素的渲染结果,进而输出所述第二页面元素的渲染结果,再对其它页面标签进行解析处理和渲染处理,以获得其它页面元素的渲染结果,进而输出其它页面元素的渲染结果,由于先对页面主资源中指定页面标签即第四页面标签进行解析处理和渲染处理,以获得该指定页面标签所定义的第二页面元素的渲染结果,进而输出,因此,能够有效提高第二页面元素展现的实时性。
另外,采用本发明提供的技术方案,通过服务器获取所述第一页面的第三页面主资源,进而对所述第三页面主资源进行解析处理和渲染处理,以获得第六页面标签所定义的第三页面元素的渲染结果和第七页面标签所定义的除了所述第三页面元素之外的其他页面元素的渲染结果,使得所述服务器能够根据所述第三页面元素的渲染结果和所述第三页面主资源,生成所述第一页面主资源,以供所述客户端获取所述第一页面主资源,由于服务器预先获得第一页面中指定页面元素即第三页面元素的渲染结果和除了所述第三页面元素之外的其他页面元素的渲染结果,并将第三页面元素的渲染结果作为独立的页面子资源,与第一页面的原始页面主资源即第三页面主资源一并,生成新的页面主资源即第一页面主资源,以供客户端获取,而无需客户端解析和渲染第六页面标签,从而提高了页面的展现速度。
另外,采用本发明提供的技术方案,无需客户端解析和渲染第一页面中定义指定页面元素即第三页面元素的第六页面标签,能够有效降低客户端的处理负担。
需要说明的是,对于前述的各方法实施例,为了简单描述,故将其都表述为一系列的动作组合,但是本领域技术人员应该知悉,本发明并不受所描述的动作顺序的限制,因为依据本发明,某些步骤可以采用其他顺序或者同时进行。其次,本领域技术人员也应该知悉,说明书中所描述的实施例均属于优选实施例,所涉及的动作和模块并不一定是本发明所必须的。
在上述实施例中,对各个实施例的描述都各有侧重,某个实施例中没有详述的部分,可以参见其他实施例的相关描述。
图2为本发明另一实施例提供的页面的展现装置的结构示意图,如图2所示。本实施例的页面的展现装置可以包括获取单元21和处理单元22。其中,获取单元21,用于获取第一页面的第一页面主资源,所述第一页面主资源中包含第一页面标签,所述第一页面标签用于定义第一页面元素;处理单元22,用于根据所述第一页面标签,获得所述第一页面元素的标识信息,根据所述第一页面元素的标识信息,获得所述第一页面元素的渲染结果。
需要说明的是,本实施例所提供的页面的展现装置可以为客户端,可以为位于本地终端中的应用,或者还可以为位于本地终端的应用中的插件或软件开发工具包(Software Development Kit,SDK)等功能单元,本实施例对此不进行特别限定。
可以理解的是,所述应用可以是安装在终端上的应用程序(nativeApp),或者还可以是终端上的浏览器,本实施例对此不进行限定。
可选地,在本实施例的一个可能的实现方式中,所述第一页面标签可以包括但不限于包含(Include)标签,本实施例对此不进行特别限定。
例如,JSP页面的页面主资源中的Include标签,<jsp:include>。
或者,再例如,HTML页面的页面主资源中的Include File标签,#include file。
可选地,在本实施例的一个可能的实现方式中,如图3所示,本实施例所提供的页面的展现装置还可以进一步包括存储单元31,用于存储所述第一页面元素的渲染结果。
可选地,在本实施例的一个可能的实现方式中,所述获取单元21,还可以进一步用于获取第二页面的第二页面主资源,所述第二页面主资源中包含所述第一页面标签和第三页面标签,所述第三页面标签用于定义所述第二页面中除了所述第一页面元素之外的其他页面元素;相应地,所述处理单元22,则还可以进一步用于对所述第二页面主资源进行解析处理和渲染处理,以获得所述第二页面的渲染结果,所述第二页面的渲染结果包括所述第一页面元素的渲染结果和除了所述第一页面元素之外的其他页面元素的渲染结果。
具体地,所述第三页面标签包括第四页面标签和第五页面标签,所述第四页面标签用于定义第二页面元素,所述第五页面标签用于定义所述第二页面中除了所述第一页面元素和所述第二页面元素之外的其他页面元素。相应地,所述处理单元22,具体可以用于对所述第四页面标签进行解析处理和渲染处理,以获得所述第二页面元素的渲染结果;输出所述第二页面元素的渲染结果;对所述第一页面标签和所述第五页面标签进行解析处理和渲染处理,以获得所述第一页面元素的渲染结果和除了所述第一页面元素和所述第二页面元素之外的其他页面元素的渲染结果;以及输出所述第一页面元素的渲染结果和除了所述第一页面元素和所述第二页面元素之外的其他页面元素的渲染结果。
可选地,在本实施例的一个可能的实现方式中,所述第四页面标签可以包括但不限于头(Head)标签、头部(Header)标签和导航(Nav)标签中的至少一个,本实施例对此不进行特别限定。Header标签和Nav标签,这两个标签是HTML5页面新增加的标签。
需要说明的是,图1对应的实施例中客户端的功能,可以由本实施例提供的页面的展现装置实现。详细描述可以参见图1对应的实施例中的相关内容,此处不再赘述。
本实施例中,通过获取单元获取第一页面的第一页面主资源,所述第一页面主资源中包含第一页面标签,所述第一页面标签用于定义第一页面元素,进而由处理单元根据所述第一页面标签,获得所述第一页面元素的标识信息,使得处理单元能够根据所述第一页面元素的标识信息,获得所述第一页面元素的渲染结果,由于只需从指定页面标签即第一页面标签中读取第一页面元素的标识信息,就可以根据所述第一页面元素的标识信息,直接获得所述第一页面元素的渲染结果,而无需解析第一页面标签所定义的第一页面元素的具体内容,从而提高了页面的展现速度。
另外,采用本发明提供的技术方案,由于只需从第一页面标签中读取第一页面元素的标识信息,就可以根据所述第一页面元素的标识信息,直接获得所述第一页面元素的渲染结果,而无需解析第一页面标签所定义的第一页面元素的具体内容,因此,能够有效提高第一页面元素展现的实时性。
另外,采用本发明提供的技术方案,无需解析第一页面标签所定义的第一页面元素的具体内容,能够有效降低客户端的处理负担。
另外,采用本发明提供的技术方案,通过处理单元对所述第四页面标签进行解析处理和渲染处理,以获得所述第二页面元素的渲染结果,进而输出所述第二页面元素的渲染结果,再对其它页面标签进行解析处理和渲染处理,以获得其它页面元素的渲染结果,进而输出其它页面元素的渲染结果,由于先对页面主资源中指定页面标签即第四页面标签进行解析处理和渲染处理,以获得该指定页面标签所定义的第二页面元素的渲染结果,进而输出,因此,能够有效提高第二页面元素展现的实时性。
图4为本发明另一实施例提供的页面的展现系统的结构示意图,如图4所示。本实施例的页面的展现系统可以包括服务器41、图2或图3对应的实施例任一实施例所提供的页面的展现装置42。其中,所述服务器41,用于向所述页面的展现装置发送所述第一页面的第一页面主资源。
可选地,在本实施例的一个可能的实现方式中,所述服务器41,还可以进一步用于获取所述第一页面的第三页面主资源,所述第三页面主资源中包含第六页面标签和第七页面标签,所述第六页面标签用于定义第三页面元素,所述第七页面标签用于定义所述第一页面中除了所述第三页面元素之外的其他页面元素;对所述第三页面主资源进行解析处理和渲染处理,以获得所述第一页面的渲染结果,所述第一页面的渲染结果包括所述第三页面元素的渲染结果和除了所述第三页面元素之外的其他页面元素的渲染结果;将所述第三页面元素的渲染结果作为所述第一页面的页面子资源;以及根据所述页面子资源的URL和所述第三页面主资源,生成所述第一页面主资源,以供所述客户端获取所述第一页面主资源。
具体地,所述第三页面元素可以包括但不限于文字;或者文字和图片,本实施例对此不进行特别限定。
需要说明的是,图1对应的实施例中客户端的功能,可以由本实施例提供的页面的展现系统中页面的展现装置实现。详细描述可以参见图1对应的实施例中的相关内容,此处不再赘述。
本实施例中,通过客户端获取第一页面的第一页面主资源,所述第一页面主资源中包含第一页面标签,所述第一页面标签用于定义第一页面元素,进而根据所述第一页面标签,获得所述第一页面元素的标识信息,使得客户端能够根据所述第一页面元素的标识信息,获得所述第一页面元素的渲染结果,由于只需从指定页面标签即第一页面标签中读取第一页面元素的标识信息,就可以根据所述第一页面元素的标识信息,直接获得所述第一页面元素的渲染结果,而无需解析第一页面标签所定义的第一页面元素的具体内容,从而提高了页面的展现速度。
另外,采用本发明提供的技术方案,由于只需从第一页面标签中读取第一页面元素的标识信息,就可以根据所述第一页面元素的标识信息,直接获得所述第一页面元素的渲染结果,而无需解析第一页面标签所定义的第一页面元素的具体内容,因此,能够有效提高第一页面元素展现的实时性。
另外,采用本发明提供的技术方案,无需解析第一页面标签所定义的第一页面元素的具体内容,能够有效降低客户端的处理负担。
另外,采用本发明提供的技术方案,通过客户端对所述第四页面标签进行解析处理和渲染处理,以获得所述第二页面元素的渲染结果,进而输出所述第二页面元素的渲染结果,再对其它页面标签进行解析处理和渲染处理,以获得其它页面元素的渲染结果,进而输出其它页面元素的渲染结果,由于先对页面主资源中指定页面标签即第四页面标签进行解析处理和渲染处理,以获得该指定页面标签所定义的第二页面元素的渲染结果,进而输出,因此,能够有效提高第二页面元素展现的实时性。
另外,采用本发明提供的技术方案,通过服务器获取所述第一页面的第三页面主资源,进而对所述第三页面主资源进行解析处理和渲染处理,以获得第六页面标签所定义的第三页面元素的渲染结果和第七页面标签所定义的除了所述第三页面元素之外的其他页面元素的渲染结果,使得所述服务器能够根据所述第三页面元素的渲染结果和所述第三页面主资源,生成所述第一页面主资源,以供所述客户端获取所述第一页面主资源,由于服务器预先获得第一页面中指定页面元素即第三页面元素的渲染结果和除了所述第三页面元素之外的其他页面元素的渲染结果,并将第三页面元素的渲染结果作为独立的页面子资源,与第一页面的原始页面主资源即第三页面主资源一并,生成新的页面主资源即第一页面主资源,以供客户端获取,而无需客户端解析和渲染第六页面标签,从而提高了页面的展现速度。
另外,采用本发明提供的技术方案,无需客户端解析和渲染第一页面中定义指定页面元素即第三页面元素的第六页面标签,能够有效降低客户端的处理负担。
所属领域的技术人员可以清楚地了解到,为描述的方便和简洁,上述描述的系统,装置和单元的具体工作过程,可以参考前述方法实施例中的对应过程,在此不再赘述。
在本发明所提供的几个实施例中,应该理解到,所揭露的系统,装置和方法,可以通过其它的方式实现。例如,以上所描述的装置实施例仅仅是示意性的,例如,所述单元的划分,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式,例如多个单元或组件可以结合或者可以集成到另一个系统,或一些特征可以忽略,或不执行。另一点,所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口,装置或单元的间接耦合或通信连接,可以是电性,机械或其它的形式。
所述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外,在本发明各个实施例中的各功能单元可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现,也可以采用硬件加软件功能单元的形式实现。
上述以软件功能单元的形式实现的集成的单元,可以存储在一个计算机可读取存储介质中。上述软件功能单元存储在一个存储介质中,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)或处理器(processor)执行本发明各个实施例所述方法的部分步骤。而前述的存储介质包括:U盘、移动硬盘、只读存储器(Read-Only Memory,ROM)、随机存取存储器(Random Access Memory,RAM)、磁碟或者光盘等各种可以存储程序代码的介质。
最后应说明的是:以上实施例仅用以说明本发明的技术方案,而非对其限制;尽管参照前述实施例对本发明进行了详细的说明,本领域的普通技术人员应当理解:其依然可以对前述各实施例所记载的技术方案进行修改,或者对其中部分技术特征进行等同替换;而这些修改或者替换,并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围。
Claims (15)
1.一种页面的展现方法,其特征在于,包括:
客户端获取第一页面的第一页面主资源,所述第一页面主资源中包含第一页面标签,所述第一页面标签用于定义第一页面元素;
所述客户端根据所述第一页面标签,获得所述第一页面元素的标识信息;
所述客户端根据所述第一页面元素的标识信息,获得预先存储的所述第一页面元素的渲染结果;其中,
所述第一页面标签包括Include标签。
2.根据权利要求1所述的方法,其特征在于,所述客户端根据所述第一页面元素的标识信息,获得预先存储的所述第一页面元素的渲染结果之前,包括:
所述客户端存储所述第一页面元素的渲染结果。
3.根据权利要求2所述的方法,其特征在于,所述客户端存储所述第一页面元素的渲染结果之前,还包括:
所述客户端获取第二页面的第二页面主资源,所述第二页面主资源中包含所述第一页面标签和第三页面标签,所述第三页面标签用于定义所述第二页面中除了所述第一页面元素之外的其他页面元素;
所述客户端对所述第二页面主资源进行解析处理和渲染处理,以获得所述第二页面的渲染结果,所述第二页面的渲染结果包括所述第一页面元素的渲染结果和除了所述第一页面元素之外的其他页面元素的渲染结果。
4.根据权利要求3所述的方法,其特征在于,所述第三页面标签包括第四页面标签和第五页面标签,所述第四页面标签用于定义第二页面元素,所述第五页面标签用于定义所述第二页面中除了所述第一页面元素和所述第二页面元素之外的其他页面元素;所述客户端对所述第二页面主资源进行解析处理和渲染处理,以获得所述第二页面的渲染结果,包括:
所述客户端对所述第四页面标签进行解析处理和渲染处理,以获得所述第二页面元素的渲染结果;
所述客户端输出所述第二页面元素的渲染结果;
所述客户端对所述第一页面标签和所述第五页面标签进行解析处理和渲染处理,以获得所述第一页面元素的渲染结果和除了所述第一页面元素和所述第二页面元素之外的其他页面元素的渲染结果;
所述客户端输出所述第一页面元素的渲染结果和除了所述第一页面元素和所述第二页面元素之外的其他页面元素的渲染结果。
5.根据权利要求4所述的方法,其特征在于,所述第四页面标签包括Head标签、Header标签和Nav标签中的至少一个。
6.根据权利要求2所述的方法,其特征在于,所述客户端获取第一页面的第一页面主资源之前,还包括:
服务器获取所述第一页面的第三页面主资源,所述第三页面主资源中包含第六页面标签和第七页面标签,所述第六页面标签用于定义第三页面元素,所述第七页面标签用于定义所述第一页面中除了所述第三页面元素之外的其他页面元素;
所述服务器对所述第三页面主资源进行解析处理和渲染处理,以获得所述第一页面的渲染结果,所述第一页面的渲染结果包括所述第三页面元素的渲染结果和除了所述第三页面元素之外的其他页面元素的渲染结果;
所述服务器将所述第三页面元素的渲染结果作为所述第一页面的页面子资源;
所述服务器根据所述页面子资源的URL和所述第三页面主资源,生成所述第一页面主资源,以供所述客户端获取所述第一页面主资源。
7.根据权利要求6所述的方法,其特征在于,所述第三页面元素包括:
文字;或者
文字和图片。
8.一种页面的展现装置,其特征在于,包括:
获取单元,用于获取第一页面的第一页面主资源,所述第一页面主资源中包含第一页面标签,所述第一页面标签用于定义第一页面元素;
处理单元,用于根据所述第一页面标签,获得所述第一页面元素的标识信息,根据所述第一页面元素的标识信息,获得预先存储的所述第一页面元素的渲染结果;其中,
所述第一页面标签包括Include标签。
9.根据权利要求8所述的装置,其特征在于,所述装置还包括存储单元,用于
存储所述第一页面元素的渲染结果。
10.根据权利要求9所述的装置,其特征在于,
所述获取单元,还用于
获取第二页面的第二页面主资源,所述第二页面主资源中包含所述第一页面标签和第三页面标签,所述第三页面标签用于定义所述第二页面中除了所述第一页面元素之外的其他页面元素;
所述处理单元,还用于
对所述第二页面主资源进行解析处理和渲染处理,以获得所述第二页面的渲染结果,所述第二页面的渲染结果包括所述第一页面元素的渲染结果和除了所述第一页面元素之外的其他页面元素的渲染结果。
11.根据权利要求10所述的装置,其特征在于,所述第三页面标签包括第四页面标签和第五页面标签,所述第四页面标签用于定义第二页面元素,所述第五页面标签用于定义所述第二页面中除了所述第一页面元素和所述第二页面元素之外的其他页面元素;
所述处理单元,具体用于
对所述第四页面标签进行解析处理和渲染处理,以获得所述第二页面元素的渲染结果;
输出所述第二页面元素的渲染结果;
对所述第一页面标签和所述第五页面标签进行解析处理和渲染处理,以获得所述第一页面元素的渲染结果和除了所述第一页面元素和所述第二页面元素之外的其他页面元素的渲染结果;以及
输出所述第一页面元素的渲染结果和除了所述第一页面元素和所述第二页面元素之外的其他页面元素的渲染结果。
12.根据权利要求11所述的装置,其特征在于,所述第四页面标签包括Head标签、Header标签和Nav标签中的至少一个。
13.一种页面的展现系统,其特征在于,包括服务器和权利要求8~12任一权利要求所述的页面的展现装置;其中,
所述服务器,用于向所述页面的展现装置发送所述第一页面的第一页面主资源。
14.根据权利要求13所述的系统,其特征在于,所述服务器,还用于
获取所述第一页面的第三页面主资源,所述第三页面主资源中包含第六页面标签和第七页面标签,所述第六页面标签用于定义第三页面元素,所述第七页面标签用于定义所述第一页面中除了所述第三页面元素之外的其他页面元素;
对所述第三页面主资源进行解析处理和渲染处理,以获得所述第一页面的渲染结果,所述第一页面的渲染结果包括所述第三页面元素的渲染结果和除了所述第三页面元素之外的其他页面元素的渲染结果;
将所述第三页面元素的渲染结果作为所述第一页面的页面子资源;以及
根据所述页面子资源的URL和所述第三页面主资源,生成所述第一页面主资源,以供所述页面的展现装置获取所述第一页面主资源。
15.根据权利要求14所述的系统,其特征在于,所述第三页面元素包括:
文字;或者
文字和图片。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410384538.7A CN104156421B (zh) | 2014-08-06 | 2014-08-06 | 页面的展现方法、装置及系统 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410384538.7A CN104156421B (zh) | 2014-08-06 | 2014-08-06 | 页面的展现方法、装置及系统 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN104156421A CN104156421A (zh) | 2014-11-19 |
CN104156421B true CN104156421B (zh) | 2018-11-09 |
Family
ID=51881920
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201410384538.7A Active CN104156421B (zh) | 2014-08-06 | 2014-08-06 | 页面的展现方法、装置及系统 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN104156421B (zh) |
Families Citing this family (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104516951A (zh) * | 2014-12-11 | 2015-04-15 | 小米科技有限责任公司 | 页面显示方法及装置、电子设备 |
CN105468324A (zh) * | 2015-12-25 | 2016-04-06 | 北京奇虎科技有限公司 | 页面显示方法、装置及系统 |
CN106209662B (zh) * | 2016-06-17 | 2019-04-23 | 浙江万朋教育科技股份有限公司 | 一种网络实时互动系统中高并发动态速率数据传输的方法 |
CN107656934B (zh) * | 2016-07-25 | 2021-09-07 | 腾讯科技(深圳)有限公司 | 一种预加载方法、装置、设备 |
CN109639772A (zh) * | 2018-11-23 | 2019-04-16 | 中国科学院苏州生物医学工程技术研究所 | 生物试剂检测的通信系统与方法 |
Citations (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102792244A (zh) * | 2010-01-13 | 2012-11-21 | 洛克迈特公司 | 用于增加浏览速度的预览功能 |
Family Cites Families (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20070180381A1 (en) * | 2006-01-31 | 2007-08-02 | Rice Stephen J | Browser application |
CN102054028B (zh) * | 2010-12-10 | 2013-12-25 | 黄斌 | 一种网络爬虫系统实现页面渲染功能的方法 |
CN103034723A (zh) * | 2012-12-14 | 2013-04-10 | 北京奇虎科技有限公司 | 页面呈现方法及设备 |
CN103064685B (zh) * | 2012-12-27 | 2016-07-13 | 北京思特奇信息技术股份有限公司 | 一种模块化配置网页页面的方法及装置 |
CN103559227B (zh) * | 2013-10-22 | 2017-04-12 | 北京奇虎科技有限公司 | 显示网页的方法及浏览器 |
CN103955475B (zh) * | 2014-03-31 | 2018-04-13 | 北京奇虎科技有限公司 | 一种网页标签信息的显示方法、装置和浏览器 |
-
2014
- 2014-08-06 CN CN201410384538.7A patent/CN104156421B/zh active Active
Patent Citations (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102792244A (zh) * | 2010-01-13 | 2012-11-21 | 洛克迈特公司 | 用于增加浏览速度的预览功能 |
Also Published As
Publication number | Publication date |
---|---|
CN104156421A (zh) | 2014-11-19 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US10831858B2 (en) | Mobile enablement of existing web sites | |
KR102185864B1 (ko) | 프레젠테이션을 위한 네이티브 콘텐츠의 서버측 렌더링 방법 및 시스템 | |
CN106991154B (zh) | 网页渲染方法、装置、终端及服务器 | |
CN104156421B (zh) | 页面的展现方法、装置及系统 | |
WO2017088509A1 (zh) | 一种页面定制化的方法和装置 | |
CN106022483B (zh) | 机器学习模型之间进行转换的方法与设备 | |
CN105354014B (zh) | 应用界面渲染展示方法及装置 | |
US8161498B2 (en) | Providing globalization functionalities for javascript applications | |
US10542123B2 (en) | System and method for generating and monitoring feedback of a published webpage as implemented on a remote client | |
CN106980508A (zh) | 用于生成页面的方法和装置 | |
CN112100550A (zh) | 一种页面构建方法和装置 | |
CN104063401B (zh) | 一种网页样式地址合并的方法和装置 | |
US20200133617A1 (en) | Interface display method and apparatus | |
US9141596B2 (en) | System and method for processing markup language templates from partial input data | |
CN108416021B (zh) | 一种浏览器网页内容处理方法、装置、电子设备及可读介质 | |
CN103955495B (zh) | 页面子资源的下载方法及装置 | |
CN107958078A (zh) | 信息生成方法和装置 | |
JP2014524623A (ja) | テンプレートファイルの処理方法及び装置 | |
CN110020329A (zh) | 用于生成网页的方法、装置和系统 | |
US20160103800A1 (en) | Universal rebranding engine | |
CN104050218B (zh) | 用于提供要显示在用户界面中的信息的方法和系统 | |
CN108595457A (zh) | 一种瀑布流页面的渲染方法和装置 | |
CN106790276A (zh) | 一种基于浏览器协议的跨浏览器数据交互方法和装置 | |
JP2016540333A (ja) | 端末標記方法、端末標記装置、プログラム及び記録媒体 | |
CN103559097B (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 |