一种网页加载方法及装置与流程

文档序号:11063569阅读:208来源:国知局
一种网页加载方法及装置与制造工艺

本发明涉及互联网技术领域,特别涉及一种网页加载方法及装置。



背景技术:

浏览器是指可以显示网页服务器或者文件系统的HTML(Hyper Text Markup Language,超文本标记语言)文件内容,并让用户与这些文件交互的一种软件工具。随着互联网技术的飞速发展,浏览器在日常生活、工作和学习中的应用已经越来越频繁。

目前,浏览器加载解析网页过程通常是通过并行的方式进行的,即边下载网页内容边对网页内容进行渲染。在下载过程中,如果网页数据中有JS(Javascript,一种区分大小写的客户端脚本语言)数据的话,并且如果JS较多的话,则网页加载很慢,用户体验不好。



技术实现要素:

鉴于上述问题,提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的一种网页加载方法及装置。

本发明提供一种网页加载方法,包括:

接收网页加载请求;

响应于接收到所述网页加载请求,加载所述网页加载请求对应的目标网页中的文字和框架文件;

当所述文字和框架文件加载完成后,对所述目标网页中的JS文件进行加载。

在一个实施例中,所述方法还可包括:

判断所述JS文件是否加载完成;

当所述JS文件加载完成时,将所述JS文件的状态由第一状态更改为第二状态。

在一个实施例中,所述方法还可包括:

接收针对所述目标网页中按钮的点击操作;

响应于接收到所述点击操作,获取所述按钮涉及的JS文件的状态;

当所述按钮涉及的JS文件中至少一个JS文件的状态为第一状态时,向用户发出提示信息,所述提示信息用于提示用户所述JS文件正在加载。

在一个实施例中,所述方法还可包括:

当所述按钮涉及的JS文件的状态均为第二状态时,实现所述按钮功能。

在一个实施例中,所述方法还可包括:

当所述文字、框架文件加载完成后,加载所述目标网页中的第一类图片;

当所述目标网页的页面滚动时,对所述目标网页中的第二类图片进行加载和更换。

本发明还提供一种网页加载装置,包括:

第一接收模块,用于接收网页加载请求;

第一加载模块,用于响应于接收到所述网页加载请求,加载所述网页加载请求对应的目标网页中的文字和框架文件;

第二加载模块,用于当所述文字和框架文件加载完成后,对所述目标网页中的JS文件进行加载。

在一个实施例中,所述装置还可包括:

判断模块,用于判断所述JS文件是否加载完成;

更改模块,用于当所述JS文件加载完成时,将所述JS文件的状态由第一状态更改为第二状态。

在一个实施例中,所述装置还可包括:

第二接收模块,用于接收针对所述目标网页中按钮的点击操作;

获取模块,用于响应于接收到所述点击操作,获取所述按钮涉及的JS文件的状态;

提示模块,用于当所述按钮涉及的JS文件中至少一个JS文件的状态为第一状态时,向用户发出提示信息,所述提示信息用于提示用户所述JS文件正在加载。

在一个实施例中,所述装置还可包括:

执行模块,用于当所述按钮涉及的JS文件的状态均为第二状态时,执行所述按钮功能。

在一个实施例中,所述装置还可包括:

第三加载模块,用于当所述文字、框架文件加载完成后,加载所述目标网页中的第一类图片;

第四加载模块,用于当所述目标网页的页面滚动时,对所述目标网页中的第二类图片进行加载和更换。

本发明实施例的一些有益效果可以包括:

本发明实施例的上述技术方案,通过接收网页加载请求,响应于接收到网页加载请求,加载网页加载请求对应的目标网页中的文字和框架文件,当文字和框架文件加载完成后,对目标网页中的JS文件进行加载。由于在加载网页时,先加载网页中的文字、框架文件等基本结构,再加载JS文件,从而不会因JS文件过多而导致网页加载变慢,从而提高了网页加载速度,提升了用户的使用体验。

本发明的其它特征和优点将在随后的说明书中阐述,并且,部分地从说明书中变得显而易见,或者通过实施本发明而了解。本发明的目的和其他优点可通过在所写的说明书、权利要求书、以及附图中所特别指出的结构来实现和获得。

下面通过附图和实施例,对本发明的技术方案做进一步的详细描述。

附图说明

附图用来提供对本发明的进一步理解,并且构成说明书的一部分,与本发明的实施例一起用于解释本发明,并不构成对本发明的限制。在附图中:

图1为本发明实施例中一种网页加载方法的流程图;

图2为本发明实施例中另一种网页加载方法的流程图;

图3为本发明实施例中另一种网页加载方法的流程图;

图4为本发明实施例中另一种网页加载方法的流程图;

图5为本发明实施例中另一种网页加载方法的流程图;

图6为本发明实施例中一种网页加载装置的框图;

图7为本发明实施例中另一种网页加载装置的框图;

图8为本发明实施例中另一种网页加载装置的框图。

图9为本发明实施例中另一种网页加载装置的框图。

图10为本发明实施例中另一种网页加载装置的框图。

具体实施方式

以下结合附图对本发明的优选实施例进行说明,应当理解,此处所描述的优选实施例仅用于说明和解释本发明,并不用于限定本发明。

图1所示为本发明实施例中一种网页加载方法的流程图,用于第一终端,第一终端可以是移动终端或固定终端,本发明实施例不做限定。如图1所示,包括以下步骤S11-S13:

步骤S11,接收网页加载请求。

步骤S12,响应于接收到网页加载请求,加载网页加载请求对应的目标网页中的文字和框架文件。

步骤S13,当文字和框架文件加载完成后,对目标网页中的JS文件进行加载。

现有技术中,在加载网页时,如果界面中JS很多,则网页加载很慢,本发明实施例的上述方法,通过接收网页加载请求,响应于接收到网页加载请求,加载网页加载请求对应的目标网页中的文字和框架文件,当文字和框架文件加载完成后,对目标网页中的JS文件进行加载。由于在加载网页时,先加载网页中的文字、框架文件等基本结构,再加载JS文件,从而不会因JS文件过多而导致网页加载变慢,从而提高了网页加载速度,提升了用户的使用体验。

在一个实施例中,如图2所示,该网页加载方法还可包括以下步骤S14-S15:

步骤S14,判断JS文件是否加载完成。

步骤S15,当JS文件加载完成时,将JS文件的状态由第一状态更改为第二状态。

JS默认状态为第一状态fault,当加载完成时修改为第二状态true。在一个实施例中,如图3所示,该网页加载方法还可包括以下步骤S16-S18:

步骤S16,接收针对目标网页中按钮的点击操作。

步骤S17,响应于接收到点击操作,获取按钮涉及的JS文件的状态。

步骤S18,当按钮涉及的JS文件中至少一个JS文件的状态为第一状态时,向用户发出提示信息,提示信息用于提示用户JS文件正在加载。

当用户点击某个按钮时,检查该按钮的JS状态,如果JS状态为fault,则向用户发出提示信息,提示信息用于提示用户JS文件正在加载或者提示用户等候。

在一个实施例中,如图4所示,该网页加载方法还可包括以下步骤S19:

步骤S19,当按钮涉及的JS文件的状态均为第二状态时,实现按钮功能。

一个按钮可能涉及多个JS,需要每个JS的状态均为第二状态true才能实现按钮功能。

在一个实施例中,如图5所示,该网页加载方法还可包括以下步骤S20-S21:

步骤S20,当文字、框架文件加载完成后,加载目标网页中的第一类图片;

步骤S21,当目标网页的页面滚动时,对目标网页中的第二类图片进行加载和更换。

将网页中的图片进行分类,划分为第一类图片和第二类图片。第一类图片为网站内部的图片即站内图片,第二类图片为站外图片。

在加载网页时,先加载网页中的文字、框架文件和第一类图片,当目标网页的页面滚动时,文字、框架文件和第一类图片不用重新加载,仅对第二类图片进行加载和更换,从而提高了网页加载速度,提升了用户的使用体验。

基于同一发明构思,本发明实施例还提供了一种网页加载装置,由于该装置所解决问题的原理与前述网页加载方法相似,因此该装置的实施可以参见前述方法的实施,重复之处不再赘述。

图6所示为本发明实施例中一种网页加载装置的框图,如图6所示,该装置包括:

第一接收模块61,用于接收网页加载请求;

第一加载模块62,用于响应于接收到网页加载请求,加载网页加载请求对应的目标网页中的文字和框架文件;

第二加载模块63,用于当文字和框架文件加载完成后,对目标网页中的JS文件进行加载。

在一个实施例中,如图7所示,该网页加载装置还可包括:

判断模块64,用于判断JS文件是否加载完成;

更改模块65,用于当JS文件加载完成时,将JS文件的状态由第一状态更改为第二状态。

在一个实施例中,如图8所示,该网页加载装置还可包括:

第二接收模块66,用于接收针对目标网页中按钮的点击操作;

获取模块67,用于响应于接收到点击操作,获取按钮涉及的JS文件的状态;

提示模块68,用于当按钮涉及的JS文件中至少一个JS文件的状态为第一状态时,向用户发出提示信息,提示信息用于提示用户JS文件正在加载。

在一个实施例中,如图9所示,该网页加载装置还可包括:

执行模块69,用于当按钮涉及的JS文件的状态均为第二状态时,执行按钮功能。

在一个实施例中,如图10所示,该网页加载装置还可包括:

第三加载模块70,用于当文字、框架文件加载完成后,加载目标网页中的第一类图片;

第四加载模块71,用于当目标网页的页面滚动时,对目标网页中的第二类图片进行加载和更换。

本发明实施例的上述装置,通过接收网页加载请求,响应于接收到网页加载请求,加载网页加载请求对应的目标网页中的文字和框架文件,当文字和框架文件加载完成后,对目标网页中的JS文件进行加载。由于在加载网页时,先加载网页中的文字、框架文件等基本结构,再加载JS文件,从而不会因JS文件过多而导致网页加载变慢,从而提高了网页加载速度,提升了用户的使用体验。

本领域内的技术人员应明白,本发明的实施例可提供为方法、系统、或计算机程序产品。因此,本发明可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且,本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器和光学存储器等)上实施的计算机程序产品的形式。

本发明是参照根据本发明实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。

这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。

这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上,使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。

显然,本领域的技术人员可以对本发明进行各种改动和变型而不脱离本发明的精神和范围。这样,倘若本发明的这些修改和变型属于本发明权利要求及其等同技术的范围之内,则本发明也意图包含这些改动和变型在内。

当前第1页1 2 3 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1