一种网页加载方法、装置、设备及存储介质与流程

本发明实施例涉及计算机软件应用技术领域，尤其涉及一种网页加载方法、装置、设备及存储介质。

背景技术：

懒加载(loadondemand)是一种独特而又强大的数据获取方法，能够在用户滚动页面的时候自动获取更多的数据，而新得到的数据不会影响原有数据的显示，同时最大程度上减少服务器端的资源耗用，在互联网领域应用极为广泛。

发明人在实现本发明的过程中，发现现有的懒加载技术存在如下缺陷：

采用懒加载技术加载请求数据时，cgi(commongatewayinterface，通用网关接口)层会将懒加载网页区块转成html(hypertextmarkuplanguage，超文本标记语言)格式重新发起一次请求以加载html结构的数据，这就导致向服务器增加了一次请求，所以服务器响应时间也随之增加。同时，现有的懒加载技术只能显示200状态(即服务器成功返回网页)下的异常信息，部分异常信息无法显示，用户体验不佳。

技术实现要素：

本发明实施例提供一种网页加载方法、装置、设备及存储介质，实现减少服务器的响应时间，从而提升网页页面的响应速度，并优化异常信息的展示，进而提升用户体验。

第一方面，本发明实施例提供了一种网页加载方法，包括：

当获取到懒加载请求时，调用业务控制器加载懒加载的网页区块的网页结构；

在所述网页结构的加载过程中检测所有异常信息；

如果确定检测到所述异常信息，则根据检测到的所述异常信息的类型进行异常处理。

第二方面，本发明实施例还提供了一种网页加载装置，包括：

网页加载模块，用于当获取到懒加载请求时，调用业务控制器加载懒加载的网页区块的网页结构；

信息监测模块，用于在所述网页结构的加载过程中检测所有异常信息；

信息处理模块，用于如果确定检测到所述异常信息，则根据检测到的所述异常信息的类型进行异常处理。

第三方面，本发明实施例还提供了一种计算机设备，所述计算机设备包括：

一个或多个处理器；

存储装置，用于存储一个或多个程序；

当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现本发明任意实施例所提供的网页加载方法。

第四方面，本发明实施例还提供了一种计算机存储介质，其上存储有计算机程序，该程序被处理器执行时实现本发明任意实施例所提供的网页加载方法。

本发明实施例通过当获取到懒加载请求时，调用业务控制器加载懒加载的网页区块的网页结构；在网页结构的加载过程中检测所有异常信息；如果确定检测到异常信息，则根据检测到的异常信息的类型进行异常处理，解决现有懒加载技术存在的服务器响应时间长及异常信息显示不全面的问题，实现减少服务器的响应时间，从而提升网页页面的响应速度，并优化异常信息的展示，进而提升用户体验。

附图说明

图1a是本发明实施例一提供的一种网页加载方法的流程图；

图1b是本发明实施例一提供的一种的订单详情页懒加载的示意图；

图1c是本发明实施例一提供的一种包括懒加载网页区块的网页结构示意图；

图2是本发明实施例二提供的一种网页加载装置的示意图；

图3为本发明实施例三提供的一种计算机设备的结构示意图。

具体实施方式

下面结合附图和实施例对本发明作进一步的详细说明。可以理解的是，此处所描述的具体实施例仅仅用于解释本发明，而非对本发明的限定。

另外还需要说明的是，为了便于描述，附图中仅示出了与本发明相关的部分而非全部内容。在更加详细地讨论示例性实施例之前应当提到的是，一些示例性实施例被描述成作为流程图描绘的处理或方法。虽然流程图将各项操作(或步骤)描述成顺序的处理，但是其中的许多操作可以被并行地、并发地或者同时实施。此外，各项操作的顺序可以被重新安排。当其操作完成时所述处理可以被终止，但是还可以具有未包括在附图中的附加步骤。所述处理可以对应于方法、函数、规程、子例程、子程序等等。

实施例一

图1a是本发明实施例一提供的一种网页加载方法的流程图，本实施例可适用于加载懒加载的网页区块的网页结构的情况，该方法可以由网页加载装置来执行，该装置可以由软件和/或硬件的方式来实现，并一般可集成在计算机设备中。如图1a所示，该方法包括如下操作：

s110、当获取到懒加载请求时，调用业务控制器加载懒加载的网页区块的网页结构。

其中，懒加载是一种独特而又强大的数据获取方法，能够在用户滚动页面的时候自动获取更多的数据，而新得到的数据不会影响原有数据的显示，同时最大程度上减少服务器端的资源耗用。在一个完整的网页结构中，可以对网页中部分网页区块采用懒加载技术。懒加载请求是用于加载网页结构中的懒加载网页区块的请求，可以由js层发起。业务控制器可以包括用户请求的业务处理逻辑。

在本发明实施例中，当加载网页结构的过程中获取到懒加载请求时，不再通过cgi层将懒加载的网页区块转成html格式重新发起一次请求以加载html结构的数据，可以直接调用业务控制器来加载懒加载的网页区块。通过调用业务控制器加载懒加载的网页区块可以减少一次服务器请求和响应，进而能够从整体上减少服务器的响应时间，提高网页页面的响应速度。当网页结构中懒加载的网页区块所占有的比例越高，这种优势越明显。

在本发明的一个可选实施例中，调用业务控制器加载懒加载的网页区块的网页结构，可以包括：调用所述业务控制器，以异步加载的方式加载所述懒加载的网页区块的网页结构。

需要说明的是，在本发明实施例中，加载懒加载的网页区块的网页结构时可以采用异步加载的方式。异步加载就是在执行过程的同时加载。

s120、在所述网页结构的加载过程中检测所有异常信息。

其中，异常信息可以包括200状态以及非200状态的异常信息。

在本发明实施例中，通过调用业务控制器加载懒加载的网页区块的网页结构过程中，可以对所有类型的异常信息进行捕获。

在本发明的一个可选实施例中，所述异常信息的类型可以包括第一类异常信息和第二类异常信息；

在所述网页结构的加载过程中检测所有异常信息，可以包括：

通过通用网关接口cgi层获取所述第一类异常信息；

通过js层获取所述第二类异常信息；

其中，所述第一类异常信息包括所述cgi层获取到的具体异常信息，所述第二类异常信息包括所述cgi层未获取到的异常信息。

其中，cgi(commongatewayinterface，通用网关接口)是外部应用程序(cgi程序)与web(worldwideweb，万维网)服务器之间的接口标准。js也即javascript，一种轻量级的编程语言。

在本发明实施例中，在网页结构的加载过程中检测异常信息时，可以首先通过cgi层捕获异常信息。对于cgi层未能成功捕获的信息，再利用js层进行捕获。如此，通过cgi层和js层两次捕获操作，能够捕获200状态以及非200状态的异常信息。

s130、如果确定检测到所述异常信息，则根据检测到的所述异常信息的类型进行异常处理。

相应的，如果在懒加载的网页区块的网页结构加载过程中确实捕获到了异常信息，可以针对异常信息的类型对不同的异常信息进行针对性的处理。

在本发明的一个可选实施例中，如果确定存在所述异常信息，则针对所述异常信息的类型进行针对性处理，可以包括：通过所述js层对获取的所述异常信息在设定页面区域中进行显示。可选的，通过js层对获取的所述异常信息进行显示，可以包括：通过所述js层根据所述第一类异常信息在所述设定页面区域中显示具体报错信息；通过所述js层根据所述第二类异常信息在所述设定页面区域中显示统一格式的错误提示信息。

其中，设定页面区域可以是懒加载的网页区块中的部分或全部页面区域。

具体的，在对捕获到的异常信息进行显示时，可以通过js层来渲染异常信息显示区域。对于cgi层捕获到的异常信息，可以通过js层返回具体的报错信息，如报错文案、出错的文件路径以及前端定义的错误码9021000(便于区分前端和后台的报错)等。在懒加载的网页区块的设定页面区块中显示具体错误信息，有利于快速准确定位用户反馈的问题，从而快速有效的解决网页加载过程中出现的问题。对于js层捕获到的异常信息，js层可以通过统一格式的错误提示信息来进行展示。例如，通过“抱歉，网页加载出错，请稍后重新尝试”的文案字样提示用户网页加载出错。

在本发明的一个可选实施例中，在如果确定存在所述异常信息，则针对异常信息的类型进行针对性处理之后，还可以包括：如果获取到重新加载触发指令，则返回执行当获取到慵懒加载请求时，调用业务控制器加载懒加载的网页区块的页面结构的操作。

其中，重新加载触发指令可以是用户通过点击页面中重新加载按钮所触发的指令。

在本发明实施例中，为了提高网页的交互体验，如果在懒加载的网页区块的加载过程中捕获到了异常信息，可以在异常信息显示区域中设置一个重新加载按钮。用户通过点击重新加载按钮可以对懒加载的网页区块进行重新加载，而无需重新加载整个网页页面。

在本发明的一个可选实施例中，所述方法还可以包括：如果获取到所述重新加载触发指令，则通过局部更新的方式更新所述设定页面区域中的异常信息

相应的，当用户通过重新加载按钮发送重新加载触发指令后，可以调用业务控制器对出现异常的懒加载的网页区块进行重新加载。也即，业务控制器重新加载懒加载的网页区块时，只对出现异常信息的懒加载的网页区块进行更新，不需要对整个网页结构进行更新。

在本发明的一个可选实施例中，如果确定未检测到所述异常信息，则正常显示所述网页结构。

相应的，懒加载的网页区块无论是在第一次加载还是在重新加载的过程中，如果cgi层和js层均没有捕获到异常信息，则可以正常显示网页结构。

图1b是本发明实施例一提供的一种的订单详情页懒加载的示意图。图1c是本发明实施例一提供的一种包括懒加载网页区块的网页结构示意图。在一个具体的例子中，如图1b所示，当用户访问订单详情页时，下拉页面会通过异步加载的方式加载网页结构中的懒加载的网页区块。在加载的过程中，cgi层会首先获取异常信息，如接口超时、缺少参数或语法报错等异常信息均能通过cgi层所捕获。对于cgi层捕获不到的异常，可以利用js层进一步捕获。然后，通过js层将捕获到的异常信息在设定页面区域中进行显示。同时，设定页面区块还可以设置重新加载按钮。当用户点击重新加载按钮时，会再次发起懒加载请求。如果在重新记载的过程中没有捕获到异常信息可以正常返回懒加载的网页区块的页面结构，并通过js层渲染页面结构。如果仍然捕获到异常信息，则可以通过js层将捕获到的异常信息在设定页面区域中进行显示。

相应的，图1c中标号“(1)”对应的网页结构为现有技术中懒加载的网页区块捕获到异常信息的示意图，图1c中标号“(2)”对应的网页结构为本发明实施例中懒加载的网页区块捕获到异常信息的示意图，其中，a、b、c、d、e以及f对应的网页区块可以是多种商品信息的显示区块。如图1c所示，现有的懒加载的网页区块捕获到200状态下的异常信息后，通常会在整个页面的上方显示错误提示，并在网页的大部分显示区域中显示错误文案，或者直接在显示区域中显示加载符号。同时，错误文案不会显示具体的报错信息，且不具有重新加载的功能。一旦捕获到异常信息，现有技术只能重新加载整个页面，导致网页响应时间加长，降低了用户交互体验。本发明实施例中由于懒加载的网页区块采用的异步加载的模式，所以在加载过程中，如果懒加载的网页区块捕获到异常信息，可以在懒加载的网页区块中的设定页面区域中显示具体的报错信息或统一的错误文案，如“[19050048]订单不存在”或“抱歉，网页加载出错，请稍后重新尝试”等，从而优化异常信息的展示效果。同时，在设定页面区域中还设置了重新加载功能，当用户点击重新加载后，可以只对设定页面区域(也即懒加载的网页区块)进行局部加载和更新即可。由此可见，重新加载的功能能够进一步提升网页的响应速度，进而提升用户体验。

本发明实施例通过当获取到懒加载请求时，调用业务控制器加载懒加载的网页区块的网页结构；在网页结构的加载过程中检测所有异常信息；如果确定检测到异常信息，则根据检测到的异常信息的类型进行异常处理，解决现有懒加载技术存在的服务器响应时间长及异常信息显示不全面的问题，实现减少服务器的响应时间，从而提升网页页面的响应速度，并优化异常信息的展示，进而提升用户体验。

实施例二

图2是本发明实施例二提供的一种网页加载装置的示意图，如图2所示，所述装置包括：网页加载模块210、信息监测模块220以及信息处理模块230，其中：

网页加载模块210，用于当获取到懒加载请求时，调用业务控制器加载懒加载的网页区块的网页结构；

信息监测模块220，用于在所述网页结构的加载过程中检测所有异常信息；

信息处理模块230，用于如果确定检测到所述异常信息，则根据检测到的所述异常信息的类型进行异常处理。

本发明实施例通过当获取到懒加载请求时，调用业务控制器加载懒加载的网页区块的网页结构；在网页结构的加载过程中检测所有异常信息；如果确定检测到异常信息，则根据检测到的异常信息的类型进行异常处理，解决现有懒加载技术存在的服务器响应时间长及异常信息显示不全面的问题，实现减少服务器的响应时间，从而提升网页页面的响应速度，并优化异常信息的展示，进而提升用户体验。

可选的，所述异常信息的类型包括第一类异常信息和第二类异常信息；

信息处理模块230，具体用于：通过通用网关接口cgi层获取所述第一类异常信息；通过js层获取所述第二类异常信息；其中，所述第一类异常信息包括所述cgi层获取到的具体异常信息，所述第二类异常信息包括所述cgi层未获取到的异常信息。

可选的，信息处理模块230，具体用于：通过所述js层对获取的所述异常信息在设定页面区域中进行显示。

可选的，信息处理模块230，具体用于：通过所述js层根据所述第一类异常信息在所述设定页面区域中显示具体报错信息；通过所述js层根据所述第二类异常信息在所述设定页面区域中显示统一格式的错误提示信息。

可选的，所述装置还包括：重新加载模块，用于如果获取到重新加载触发指令，则返回执行当获取到慵懒加载请求时，调用业务控制器加载懒加载的网页区块的页面结构的操作。

可选的，所述装置还包括：信息更新模块，用于如果获取到所述重新加载触发指令，则通过局部更新的方式更新所述设定页面区域中的异常信息。

可选的，网页加载模块210，具体用于：调用所述业务控制器，以异步加载的方式加载所述懒加载的网页区块的网页结构。

上述网页加载装置可执行本发明任意实施例所提供的网页加载方法，具备执行方法相应的功能模块和有益效果。未在本实施例中详尽描述的技术细节，可参见本发明任意实施例提供的网页加载方法。

实施例三

图3为本发明实施例三提供的一种计算机设备的结构示意图。图3示出了适于用来实现本发明实施方式的计算机设备312的框图。图3显示的计算机设备312仅仅是一个示例，不应对本发明实施例的功能和使用范围带来任何限制。

如图3所示，计算机设备312以通用计算设备的形式表现。计算机设备312的组件可以包括但不限于：一个或者多个处理器316，存储装置328，连接不同系统组件(包括存储装置328和处理器316)的总线318。

总线318表示几类总线结构中的一种或多种，包括存储器总线或者存储器控制器，外围总线，图形加速端口，处理器或者使用多种总线结构中的任意总线结构的局域总线。举例来说，这些体系结构包括但不限于工业标准体系结构(industrystandardarchitecture，isa)总线，微通道体系结构(microchannelarchitecture，mca)总线，增强型isa总线、视频电子标准协会(videoelectronicsstandardsassociation，vesa)局域总线以及外围组件互连(peripheralcomponentinterconnect，pci)总线。

计算机设备312典型地包括多种计算机系统可读介质。这些介质可以是任何能够被计算机设备312访问的可用介质，包括易失性和非易失性介质，可移动的和不可移动的介质。

存储装置328可以包括易失性存储器形式的计算机系统可读介质，例如随机存取存储器(randomaccessmemory，ram)330和/或高速缓存存储器332。计算机设备312可以进一步包括其它可移动/不可移动的、易失性/非易失性计算机系统存储介质。仅作为举例，存储系统334可以用于读写不可移动的、非易失性磁介质(图3未显示，通常称为“硬盘驱动器”)。尽管图3中未示出，可以提供用于对可移动非易失性磁盘(例如“软盘”)读写的磁盘驱动器，以及对可移动非易失性光盘(例如只读光盘(compactdisc-readonlymemory，cd-rom)、数字视盘(digitalvideodisc-readonlymemory，dvd-rom)或者其它光介质)读写的光盘驱动器。在这些情况下，每个驱动器可以通过一个或者多个数据介质接口与总线318相连。存储装置328可以包括至少一个程序产品，该程序产品具有一组(例如至少一个)程序模块，这些程序模块被配置以执行本发明各实施例的功能。

具有一组(至少一个)程序模块326的程序336，可以存储在例如存储装置328中，这样的程序模块326包括但不限于操作系统、一个或者多个应用程序、其它程序模块以及程序数据，这些示例中的每一个或某种组合中可能包括网络环境的实现。程序模块326通常执行本发明所描述的实施例中的功能和/或方法。

计算机设备312也可以与一个或多个外部设备314(例如键盘、指向设备、摄像头、显示器324等)通信，还可与一个或者多个使得用户能与该计算机设备312交互的设备通信，和/或与使得该计算机设备312能与一个或多个其它计算设备进行通信的任何设备(例如网卡，调制解调器等等)通信。这种通信可以通过输入/输出(i/o)接口322进行。并且，计算机设备312还可以通过网络适配器320与一个或者多个网络(例如局域网(localareanetwork，lan)，广域网wideareanetwork，wan)和/或公共网络，例如因特网)通信。如图所示，网络适配器320通过总线318与计算机设备312的其它模块通信。应当明白，尽管图中未示出，可以结合计算机设备312使用其它硬件和/或软件模块，包括但不限于：微代码、设备驱动器、冗余处理单元、外部磁盘驱动阵列、磁盘阵列(redundantarraysofindependentdisks，raid)系统、磁带驱动器以及数据备份存储系统等。

处理器316通过运行存储在存储装置328中的程序，从而执行各种功能应用以及数据处理，例如实现本发明上述实施例所提供的网页加载方法。

也即，所述处理单元执行所述程序时实现：当获取到懒加载请求时，调用业务控制器加载懒加载的网页区块的网页结构；在所述网页结构的加载过程中检测所有异常信息；如果确定检测到所述异常信息，则根据检测到的所述异常信息的类型进行异常处理。

通过所述计算机设备获取到懒加载请求时，调用业务控制器加载懒加载的网页区块的网页结构；在网页结构的加载过程中检测所有异常信息；如果确定检测到异常信息，则根据检测到的异常信息的类型进行异常处理，解决现有懒加载技术存在的服务器响应时间长及异常信息显示不全面的问题，实现减少服务器的响应时间，从而提升网页页面的响应速度，并优化异常信息的展示，进而提升用户体验。

实施例四

本发明实施例四还提供一种存储计算机程序的计算机存储介质，所述计算机程序在由计算机处理器执行时用于执行本发明上述实施例任一所述的网页加载方法：当获取到懒加载请求时，调用业务控制器加载懒加载的网页区块的网页结构；在所述网页结构的加载过程中检测所有异常信息；如果确定检测到所述异常信息，则根据检测到的所述异常信息的类型进行异常处理。

本发明实施例的计算机存储介质，可以采用一个或多个计算机可读的介质的任意组合。计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子(非穷举的列表)包括：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机存取存储器(ram)、只读存储器(readonlymemory，rom)、可擦式可编程只读存储器((erasableprogrammablereadonlymemory，eprom)或闪存)、光纤、便携式紧凑磁盘只读存储器(cd-rom)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本文件中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。

计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。

计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括——但不限于无线、电线、光缆、射频(radiofrequency，rf)等等，或者上述的任意合适的组合。

可以以一种或多种程序设计语言或其组合来编写用于执行本发明操作的计算机程序代码，所述程序设计语言包括面向对象的程序设计语言—诸如java、smalltalk、c++，还包括常规的过程式程序设计语言——诸如“c”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中，远程计算机可以通过任意种类的网络——包括局域网(lan)或广域网(wan)—连接到用户计算机，或者，可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。

注意，上述仅为本发明的较佳实施例及所运用技术原理。本领域技术人员会理解，本发明不限于这里所述的特定实施例，对本领域技术人员来说能够进行各种明显的变化、重新调整和替代而不会脱离本发明的保护范围。因此，虽然通过以上实施例对本发明进行了较为详细的说明，但是本发明不仅仅限于以上实施例，在不脱离本发明构思的情况下，还可以包括更多其他等效实施例，而本发明的范围由所附的权利要求范围决定。