显示网页的方法和设备技术

技术编号:15190802 阅读:104 留言:0更新日期:2017-04-19 23:51
公开了用于显示网页的方法和设备。该方法包括:连续地解析网页的多个元素,直到识别首屏元素,所述首屏元素被限定用于网页的首屏;以及基于在先解析的所述多个元素显示所述网页的所述首屏。因此,没有任何延时地显示所述网页的屏幕。

【技术实现步骤摘要】
【国外来华专利技术】专利技术背景1.
本专利技术涉及网页显示的
,并且具体地涉及用于显示网页的首屏的方法和设备。2.
技术介绍
随着4G时代的到来,通过移动电话浏览器访问互联网来获取信息已经成为主流方式。使用移动电话浏览器的优势在于你可以在任何时间以及任何地点使用零碎时间来浏览互联网页面。随着移动网络速度的提高,以及移动硬件的性能的增强,还要求移动电话具有更高的网页显示速度。据统计,最令用户满意的网页打开时间等于或者小于2秒,用户能够容忍的最大网页打开时间在6-8秒之间,并且如果网页打开时间大于8秒,大多数用户将放弃访问网页。在移动浏览器中,用户可能主要关心显示的两个时间点。第一个时间点用于显示第一网页。在该时间点,仅显示网页内容的一小部分,诸如网页的标题文本。第二时间点用于当网页第一次布满整个屏幕时显示全部内容,并且该第二时间点还被称为首屏的打开时间。通常令用户满意的首屏的打开时间等于或者小于2秒。因此,如果移动浏览器可以提高首屏的页面显示速度,将给用户带来非常好的体验。因此,需要提供用于加速网页显示的改进技术以改善用户体验。
技术实现思路
下面概述了在附图中示出的本专利技术的示例性实施方案。在具体实施方式部分对这些实施方案和其他实施方案进行了更加全面的描述。然而,应当理解并不旨在将本专利技术限于
技术实现思路
或者具体实施方式中描述的形式。本领域技术人员能够认识到,还存在落入如权利要求中所表述的本专利技术的精神和范围内的很多修改、等同物和替代构造。总的来说,本专利技术要求保护没有任何延时地显示网页的首屏的方法和设备。根据本专利技术的一个方面,提供了一种显示网页的方法,所述方法包括:连续地解析网页的多个元素(element),直到识别首屏元素,所述首屏元素被限定用于网页的首屏;以及基于在先解析的所述多个元素显示所述网页的所述首屏。根据本专利技术的另一方面,提供了一种显示网页的设备,所述设备包括:排版引擎和显示模块,所述排版引擎被配置为连续地解析网页的多个元素,直到识别首屏元素,所述首屏元素被限定用于所述网页的首屏;所述显示模块被配置用于基于在先解析的所述多个元素显示所述网页的所述首屏。本专利技术的特征、益处和优势之一在于提供及时显示网页的首屏的技术,以显著缩短首屏的显示时间。通过结合附图,在阅读了对本专利技术的实施方案的以下详细描述后,将明了本专利技术的其他目的、特征和优势。附图说明通过结合附图参考以下详细描述和随附权利要求,会明了且更加容易领会本专利技术的各种目的和优势以及对本专利技术更加完整的理解,附图中:图1例示了示出根据本专利技术的一个实施方案的系统的框图;图2a例示了示出根据本专利技术的一个实施方案的便携式设备的内部功能框图;图2b例示了示出根据本专利技术的一个实施方案的浏览器的功能框图;图3例示了示出根据本专利技术的一个实施方案的显示网页的方法的流程图300;图4a例示了示出以常规方式显示网页的示例的示意图;图4b例示了示出本专利技术中显示网页的示例的示意图;图5a例示了示出网页的示例的示意图,其中对于三个不同的屏幕尺寸标记三个首屏元素;以及图5b、图5c和图5d分别例示了在具有三个不同屏幕尺寸的客户端设备上显示的图5a中网页的首屏。具体实施方式本专利技术的详细描述主要根据与本专利技术考虑的设备或者系统的运行直接或者间接地类似的程序、步骤、逻辑框图、过程或者其他符号表示来呈现。通常本领域技术人员利用这些描述和表示向本领域的其他技术人员最有效地表达他们的工作内容。虽然本文参考用于具体应用的示例性实施方案对本专利技术进行了描述,但应当理解本专利技术不限于此。本领域技术人员在本文的教导下将会认识到落入本专利技术的范围内的其他修改、应用和实施方案,以及其中本专利技术将有重大用途的其他领域。本文参考图1至图5a-5d公开了本专利技术的实施方案。然而,本领域技术人员将容易理解,本文参考这些附图给出的详细描述是用于解释目的,因为本专利技术的范围扩展超出这些有限的实施方案。图1例示了根据本专利技术的一个实施方案的系统100的框图。参考图1,系统100包括客户端设备102、网络104以及网络(web)服务器106。对应于网络地址的网页被上传到网络服务器106上。客户端设备102可以是能够经由网络104访问网络服务器106中的网页的便携式设备或者移动设备。图2a例示了可以对应于图1的客户端设备102的便携式设备的内部功能框图110。参考图2,便携式设备110包括微控制器116、输入接口118、屏幕驱动器114、屏幕112、网络接口120以及存储器122。屏幕112可以是触摸屏(例如,LCD或者OLED)。屏幕112与屏幕驱动器114进行通信并且由屏幕驱动器114命令,该屏幕驱动器由微控制器(例如处理器)116控制。存储器122可以加载有可以由微控制器116执行的浏览器124,从而浏览网络服务器106上的网页。便携式设备110还包括网络接口120。提供网络接口120以使得便携式设备110能够通过数据网络(例如,因特网或者局域网)与其他设备通信。在一个实施方案中,浏览器124被设计以执行将在本文进一步描述的一系列功能。根据本专利技术的一个实施方案,浏览器124可以在软件中实现。一般的便携式设备不会执行本专利技术中期望的功能或者结果,除非该设备安装有以本文指定的方式被驱动的浏览器。图2b例示了示出根据本专利技术的一个实施方案的浏览器124的功能框图。参考图2b,浏览器124能够接收加载和显示网页的请求,并且还能够根据请求解析和显示网页。浏览器124包括排版引擎,以解析从服务器106请求的网页的数据资源并且构造被配置成待渲染(rendered)的文件对象模型(DOM)树。然后,可以通过显示模块1242显示对应于DOM树的渲染的树。图3例示了示出根据本专利技术的第一实施方案的显示网页的方法的流程图300。参考图3,在步骤310,浏览器接收访问与网络地址对应的网页的请求。网页被预先设计并且上传到网络服务器106上。网页通过多个元素(Html元素)显示。为了快速地显示网页的首屏,网页的首屏仅包括能够在第一时间填充显示屏幕的网页元素的一部分。网页开发者可以用于标记被称为首屏元素的一个元素,首屏元素被开发工具诸如Chrome’sDeveloperTools限定为用于网页的首屏。在步骤320,排版引擎1241解析网页的多个元素。然后,方法300转到步骤330,在该步骤330中确定解析的元素是否是首屏元素。如果解析的元素不是首屏元素,则方法300回到步骤320继续解析网页的元素。如果解析的元素是首屏元素,则方法300转到步骤340,在该步骤340中显示模块1242基于先前解析的多个元素显示网页的首屏。因此,没有任何延时地显示首屏。在步骤350,排版引擎1241继续连续地解析首屏元素和网页的其余元素。在步骤360,显示模块1242还基于网页的经解析的元素显示完整的网页。如上所述,排版引擎1241连续地解析网页的元素,直到识别出首屏元素。一旦获得首屏元素,显示模块1242就基于先前解析的多个元素及时地显示网页的首屏。换言之,在获得首屏元素时,排版引擎1241停止解析和渲染网页的元素,以显示网页的首屏。因为网页开发者可以根据用于显示网页的客户端设备的屏幕尺寸,选择适当的元素作为首屏元素,浏览器可以连续地解析网页的元素并且在令人满意的第一时间点继续显示首屏。因此,在本发本文档来自技高网...
显示网页的方法和设备

【技术保护点】
一种显示网页的方法,包括:连续地解析网页的多个元素,直到识别首屏元素,所述首屏元素被限定用于网页的首屏;以及基于在先解析的所述多个元素显示所述网页的所述首屏。

【技术特征摘要】
【国外来华专利技术】1.一种显示网页的方法,包括:连续地解析网页的多个元素,直到识别首屏元素,所述首屏元素被限定用于网页的首屏;以及基于在先解析的所述多个元素显示所述网页的所述首屏。2.根据权利要求1所述的方法,还包括:进一步连续地解析所述首屏元素和所述网页的其余元素;以及基于所述网页的经解析的元素显示完整的网页。3.根据权利要求1所述的方法,其中,通过被配置用于限定至少一个首屏元素的标记来识别所述首屏元素。4.根据权利要求3所述的方法,其中,所述标记是在解析所述网页的头部期间或者在解析所述网页的所述多个元素期间获得的。5.根据权利要求3所述的方法,其中,所述标记被设置为添加到所述首屏元素中的CSS属性,或者所述标记被设置为被配置到所述网页的头部中的CSS媒体询问。6.根据权利要求3所述的方法,其中,所述标记被配置为根据用于显示所述网页的设备的屏幕尺寸限定一个首屏元素。7.根据权利要求3所述的方法,其中,所述标记被配置为限定多个首屏元素来适配多种屏幕尺寸。8.根据权利要求7所述的方法,其中,在解析所述网页的头部期间,根据用于显示网页的设备的屏幕尺寸确定适合所述设备的所述首屏元素中的一个。9.一种显示网页的设备,包括:排版引擎,所述排版引擎被配置用于连续...

【专利技术属性】
技术研发人员:王晓振
申请(专利权)人:广州市动景计算机科技有限公司
类型:发明
国别省市:广东;44

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1