网页加载方法、装置、计算机可读存储介质和计算机设备制造方法及图纸

技术编号:27030866 阅读:11 留言:0更新日期:2021-01-12 11:14
本申请涉及一种网页加载方法、装置、计算机可读存储介质和计算机设备,该方法包括:当通过浏览器加载网页时,在本地对浏览器进行特性检测,根据检测结果中浏览器缺失的特性,从服务器上获取支持缺失的特性的特性修补脚本文件。加载特性修补脚本文件,以使浏览器正常加载网页。本申请在本地对浏览器进行特性检测,检测出浏览器加载该网页所缺失的特性,根据所缺失的特性针对性地从服务器上对应获取特性修补脚本文件即可。然后,先加载特性修补脚本文件对浏览器的缺失特性进行修补,保证了修补后的浏览器能够正常加载该网页。对于部分不存在缺失特性或只缺少部分特性的浏览器,不会加载多余的文件,从而避免了流量的浪费和无谓的等待延迟。

【技术实现步骤摘要】
网页加载方法、装置、计算机可读存储介质和计算机设备
本申请涉及计算机
,特别是涉及一种网页加载方法、装置、计算机可读存储介质和计算机设备。
技术介绍
随着计算机的普及和互联网技术的迅速发展,用户越来越多地通过上网来获取信息。例如,通过浏览器来打开网页进行上网以获取信息。然而不同厂家的浏览器对于javascript的语法特性支持程度不一,因此导致同一个网页可能在某些浏览器中不能正常运行、甚至出现白屏的情况。因此,亟需提出一种新的网页加载方法,避免网页加载过程中出现故障,保障网页的正常访问。
技术实现思路
基于此,有必要针对传统的网页加载方法经常出现故障、不能保障网页的正常访问的技术问题,提供一种网页加载方法、装置、计算机可读存储介质和计算机设备。一种网页加载方法,包括:当通过浏览器加载网页时,在本地对所述浏览器进行特性检测得到检测结果;根据所述检测结果中所述浏览器缺失的特性,从服务器上获取支持所述缺失的特性的特性修补脚本文件;加载所述特性修补脚本文件,以使所述浏览器正常加载所述网页。一种网页加载装置,所述装置包括:特性检测模块,用于当通过浏览器加载网页时,在本地对所述浏览器进行特性检测得到检测结果;特性修补脚本文件获取模块,用于根据所述检测结果中所述浏览器缺失的特性,从服务器上获取支持所述缺失的特性所对应的特性修补脚本文件;网页加载模块,用于加载所述特性修补脚本文件以使所述浏览器正常加载所述网页。一种计算机可读存储介质,存储有计算机程序,所述计算机程序被处理器执行时,使得所述处理器执行如上所述方法的步骤。一种计算机设备,包括存储器和处理器,所述存储器存储有计算机程序,所述计算机程序被所述处理器执行时,使得所述处理器执行如上所述方法的步骤。上述网页加载方法、装置、计算机可读存储介质和计算机设备,当通过浏览器加载网页时,在本地对浏览器进行特性检测得到检测结果,根据检测结果中浏览器缺失的特性,从服务器上获取支持缺失的特性的特性修补脚本文件。加载特性修补脚本文件,以使浏览器正常加载网页。传统的方法,不会在本地对浏览器进行特性检测,因此当通过浏览器加载网页时,不管本地的浏览器是否缺失某一特性,都会下载全部的特性修补脚本文件来对浏览器的缺失特性进行修补。显然,对于部分不存在缺失特性或只缺少部分特性的浏览器,加载了多余的文件,造成了流量的浪费和无谓的等待延迟。本申请对于在本地对浏览器进行特性检测,检测出浏览器加载该网页所缺失的特性,根据所缺失的特性针对性地从服务器上对应获取支持缺失的特性的特性修补脚本文件即可。然后,先加载特性修补脚本文件对浏览器的缺失特性进行修补,从而保证了修补后的浏览器能够正常加载该网页。对于部分不存在缺失特性或只缺少部分特性的浏览器,不会加载多余的文件,从而避免了流量的浪费和无谓的等待延迟。附图说明图1为一个实施例中网页加载方法的应用环境图;图2为一个实施例中网页加载方法的流程示意图;图3为另一个实施例中网页加载方法的流程示意图;图4为再一个实施例中网页加载方法的流程示意图;图5为图2中根据所述检测结果中所述浏览器缺失的特性,从服务器上获取支持所述缺失的特性的特性修补脚本文件方法的流程示意图;图6为一个具体的实施例中网页加载方法的流程示意图;图7为一个实施例中网页加载装置的结构框图;图8为另一个实施例中网页加载装置的结构框图;图9为一个实施例中计算机设备的结构框图。具体实施方式为了使本申请的目的、技术方案及优点更加清楚明白,以下结合附图及实施例,对本申请进行进一步详细说明。应当理解,此处所描述的具体实施例仅仅用以解释本申请,并不用于限定本申请。图1为一个实施例中网页加载方法的应用环境图。参照图1,该网页加载方法应用于网页加载系统。该网页加载系统包括终端110和服务器120。终端110和服务器120通过网络连接。终端110具体可以是台式终端或移动终端,移动终端具体可以是手机、平板电脑、笔记本电脑等中的至少一种。服务器120可以用独立的服务器或者是多个服务器组成的服务器集群来实现。该网页加载方法包括:当通过浏览器加载网页时,在本地对浏览器进行特性检测得到检测结果。根据检测结果中浏览器缺失的特性,从服务器上获取支持缺失的特性的特性修补脚本文件。加载特性修补脚本文件,以使浏览器正常加载网页。JavaScript脚本代码可以简称为JS脚本代码,JS脚本代码只有在支持这些新语言特性和浏览器接口的浏览器中才能够运行,否则需要在JS脚本代码中加入支持这些新语言特性和浏览器接口的兼容列表转化的兼容代码才能够运行。这些兼容代码可以称之为修补文件或补丁文件,即Polyfill文件。Polyfill文件指的是补丁或兼容插件,Polyfill文件可以对浏览器的缺失特性进行修补,从而使得修补后的浏览器可以正常加载该网页。如图2所示,在一个实施例中,提供了一种网页加载方法。本实施例主要以该方法应用于上述图1中的终端110来举例说明,浏览器安装在终端110中。参照图2,该网页加载方法具体包括如下步骤:S202,当通过浏览器加载网页时,在本地对浏览器进行特性检测得到检测结果。由于浏览器版本更新周期较长,以及不同的浏览器厂商的实现方式存在不同之处,导致网页开发所采用的JS(JavaScript)的一些新语言特性未能在所有浏览器上实现完整支持。因此,当通过浏览器加载网页时,因为浏览器不支持某一特性而造成浏览器出现白屏的现象,影响用户的正常使用。因此,当在终端上通过浏览器加载网页时,在本地对浏览器进行特性检测得到检测结果。具体的,由网页的开发者根据网页加载中所需要使用到的特性来确定对浏览器的哪些特性进行检测。主要是在本地对浏览器对于JavaScript的特性的支持程度进行特性检测,得到检测结果。检测结果中包含浏览器支持JavaScript的特性及浏览器不支持JavaScript的特性即缺失特性。S204,根据检测结果中浏览器缺失的特性,从服务器上获取支持缺失的特性的特性修补脚本文件。网页的开发者预先在服务器上部署该网页在浏览器中加载所需要使用到的特性修补脚本文件即Polyfill文件。Polyfill文件指的是补丁或兼容插件,Polyfill文件可以对浏览器的缺失特性进行修补,从而使得修补后的浏览器可以正常加载该网页。该服务器可以是CDN(ContentDeliveryNetwork,内容分发网络)服务器。CDN是构建在网络之上的内容分发网络,依靠部署在各地的边缘服务器,通过中心平台的负载均衡、内容分发、调度等功能模块,使用户就近获取所需内容,降低网络拥塞,提高用户访问响应速度和命中率。CDN的关键技术主要有内容存储和分发技术。CDN服务器是多台服务器组成的缓存服务器系统,提供对互联网服务器加速的功能。根据检测结果中浏览器缺失的特性,从CDN服务器上就可以直接获取支持缺失的特性的特性修补脚本文件。本文档来自技高网...

【技术保护点】
1.一种网页加载方法,包括:/n当通过浏览器加载网页时,在本地对所述浏览器进行特性检测得到检测结果;/n根据所述检测结果中所述浏览器缺失的特性,从服务器上获取支持所述缺失的特性的特性修补脚本文件;/n加载所述特性修补脚本文件,以使所述浏览器正常加载所述网页。/n

【技术特征摘要】
1.一种网页加载方法,包括:
当通过浏览器加载网页时,在本地对所述浏览器进行特性检测得到检测结果;
根据所述检测结果中所述浏览器缺失的特性,从服务器上获取支持所述缺失的特性的特性修补脚本文件;
加载所述特性修补脚本文件,以使所述浏览器正常加载所述网页。


2.根据权利要求1所述的方法,其特征在于,所述方法还包括:
预先将用于对所述浏览器进行特性检测的脚本添加至网页的超文本文件中;
所述当通过浏览器加载网页时,在本地对所述浏览器进行特性检测得到检测结果,包括:
当通过浏览器加载网页时,在本地运行所述超文本文件以加载所述进行特性检测的脚本,对所述浏览器进行特性检测得到检测结果。


3.根据权利要求2所述的方法,其特征在于,所述当通过浏览器进行网页加载时,在本地运行所述超文本文件以加载所述进行特性检测的脚本,对所述浏览器进行特性检测得到检测结果,包括:
当通过浏览器加载网页时,在本地运行所述超文本文件以加载所述进行特性检测的脚本,检查所述浏览器的全局对象是否具有预设特性;
若判断结果为不具有所述预设特性,则得出所述浏览器缺失所述预设特性;
若判断结果为具有所述预设特性,则检测所述预设特性的调用方式是否正确,若不正确则得出所述浏览器缺失所述预设特性;
若正确,则得出所述浏览器的全局对象具有所述预设特性。


4.根据权利要求3所述的方法,其特征在于,在得出所述浏览器的全局对象具有所述预设特性之后,所述方法还包括:
加载所述网页的业务脚本以使所述浏览器正常加载所述网页。


5.根据权利要求1所述的方法,其特征在于,所述根据所述检测结果中所述浏览器缺失的特性,从服务器上获取支持所述缺失的特性的特...

【专利技术属性】
技术研发人员:邱承运刘恒兵梁伟盛何方舟
申请(专利权)人:腾讯科技深圳有限公司
类型:发明
国别省市:广东;44

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

1