CN113111291A - 一种页面加载方法、装置、介质和计算设备 - Google Patents

Abstract

本公开提供一种页面加载方法、装置、介质和计算设备，该方法包括：检测到基于预设链接发起的页面加载请求；根据所述页面加载请求获取目标信息；根据所述目标信息确定待加载的目标文件；加载所述目标文件，并解析所述目标文件以获取目标页面内容；其中，不同的所述目标文件对应不同的所述目标页面内容。

Description

一种页面加载方法、装置、介质和计算设备

技术领域

本公开涉及计算机技术领域，更具体地，本公开涉及一种页面加载方法、装置、介质和计算设备。

背景技术

本部分旨在为权利要求书中陈述的本公开的实施方式提供背景或上下文。此处的描述不因为包括在本部分中就承认是现有技术。

互联网平台上经常存在整点切换页面的场景，比如网易优选大促活动会场存在预热期、正式期、返场期等几个阶段，但是往往投放的链接是固定不变的，这就意味着同一个链接在不同的时间点访问时要返回不同的页面内容。相关技术中，大部分页面切换严重依赖于服务器的定时发布任务，一旦任务异常将影响页面访问，页面内容的稳定性和有效性欠佳。

发明内容

本公开提供了一种页面加载方法、装置、介质和计算设备，至少能使客户端基于同一预设链接获取到不同的页面内容，提升客户端展示的页面内容的稳定性和有效性。

本公开实施例的第一方面提供一种页面加载方法，应用于客户端，包括：

检测到基于预设链接发起的页面加载请求；

根据所述页面加载请求获取目标信息；

根据所述目标信息确定待加载的目标文件；

加载所述目标文件，并解析所述目标文件以获取目标页面内容；其中，不同的所述目标文件对应不同的所述目标页面内容。

在本公开的一个实施例中，所述预设链接对应N个可供加载的目标文件，每个所述目标文件分别对应一个不同的目标页面内容，每个所述目标文件至少包括对应目标页面内容的页面逻辑执行文件；N为大于1的整数。

在本公开的一个实施例中，所述目标信息包括所述页面加载请求的时间信息；

其中，所述根据所述目标信息确定待加载的目标文件，包括：判断所述时间信息所属的展示时段；

结合预设对应关系，根据所述时间信息所属的展示时段确定待加载的目标文件；其中，所述预设对应关系包括不同展示时段与其目标文件之间的对应关系。

在本公开的一个实施例中，所述目标信息包括所述页面加载请求的用户信息；

其中，所述根据所述目标信息确定待加载的目标文件，包括：

根据所述用户信息判断所述页面加载请求的用户类型；

根据所述用户类型确定待加载的目标文件。

在本公开的一个实施例中，根据所述目标信息确定待加载的目标文件，还包括：

获取所述预设链接对应的页面容器和预设加载器；

所述预设加载器根据所述目标信息加载所述目标文件。

在本公开的一个实施例中，所述加载所述目标文件，并解析所述目标文件以获取目标页面内容，包括：

所述预设加载器根据所述目标信息加载所述目标文件包括的对应目标页面内容的页面逻辑执行文件；

通过执行所述页面逻辑执行文件将对应的目标页面内容渲染到页面容器中，得到目标页面内容。

本公开实施例的第二方面提供一种页面加载方法，应用于服务器，包括：

向客户端提供预设链接；

在接收到所述客户端发送的加载目标文件的请求的情况下，向所述客户端下发所述目标文件；其中，所述目标文件是由所述客户端根据从页面加载请求获取的目标信息确定的，所述页面加载请求是基于所述预设链接发起的；其中，不同的所述目标文件对应的目标页面内容不同。

在本公开的一个实施例中，所述预设链接对应N个可供加载的目标文件，每个所述目标文件分别对应一个不同的页面内容，每个所述目标文件至少包括对应页面内容的页面逻辑执行文件；N为大于1的整数。

在本公开的一个实施例中，所述方法还包括：

建立预设对应关系，所述预设对应关系包括不同展示时段与其对应目标文件之间的对应关系，和/或不同用户类型与其对应目标文件之间的对应关系；

生成链接到预设加载器和页面容器的所述预设链接，其中所述预设加载器包含所述预设对应关系。

在本公开的一个实施例中，所述方法还包括：

获取每个所述目标页面内容的源文件；

对每个所述目标页面内容的所述源文件中除页面框架文件之外的内容进行重组处理，得到每个所述目标页面内容的目标文件。

在本公开的一个实施例中，所述对每个所述目标页面内容的所述源文件中除页面框架文件之外的内容进行重组处理，得到每个所述目标页面内容的目标文件，包括：

对每个所述目标页面内容的所述源文件中除页面框架文件之外的内容进行抽象语法树(Abstract Syntax Tree，AST)语法解析，得到每个所述目标页面内容的所述源文件中除页面框架文件之外的内容所包括的M个片段，M为大于1的整数；

将每个所述页面内容的所述源文件中除页面框架文件之外的内容所包括的M个片段转换为js代码片段，对所述M个js代码片段进行代码组合，生成每个所述目标页面内容的页面逻辑执行文件；

将每个所述目标页面内容的页面逻辑执行文件，作为每个所述目标页面内容的目标文件。

本公开实施例的第三方面提供一种页面加载装置，应用于客户端，包括：

检测单元，用于检测到基于预设链接发起的页面加载请求；

第一获取单元，用于根据所述页面加载请求获取目标信息；

确定单元，用于根据所述目标信息确定待加载的目标文件；

加载单元，用于加载所述目标文件，并解析所述目标文件以获取目标页面内容；其中，不同的所述目标文件对应不同的所述目标页面内容。

在本公开的一个实施例中，所述预设链接对应N个可供加载的目标文件，每个所述目标文件对应一个目标页面内容，每个所述目标文件至少包括对应目标页面内容的页面逻辑执行文件；N为大于1的整数。

在本公开的一个实施例中，所述目标信息包括所述页面加载请求的时间信息；

其中，所述确定单元，用于：

判断所述时间信息所属的展示时段；

结合预设对应关系，根据所述时间信息所属的展示时段确定待加载的目标文件；其中，所述预设对应关系包括不同展示时段与其目标文件之间的对应关系。

在本公开的一个实施例中，所述目标信息包括所述页面加载请求的用户信息；

其中，所述确定单元，用于：

根据所述用户信息判断所述页面加载请求的用户类型；

根据所述用户类型确定待加载的目标文件。

在本公开的一个实施例中，所述装置还包括：

第二获取单元，用于获取所述预设链接对应的页面容器和预设加载器；

所述确定单元，还用于所述预设加载器根据所述目标信息加载所述目标文件。

在本公开的一个实施例中，所述加载单元，用于：

所述预设加载器根据所述目标信息加载所述目标文件包括的对应目标页面内容的页面逻辑执行文件；

通过执行所述页面逻辑执行文件将对应的目标页面内容渲染到页面容器中，得到目标页面内容。

本公开实施例的第四方面提供一种页面加载装置，应用于服务器，包括：

输出单元，用于向客户端提供预设链接；

通信单元，用于在接收到所述客户端发送的加载目标文件的请求的情况下，向所述客户端下发所述目标文件；其中，所述目标文件是由所述客户端根据从页面加载请求获取的目标信息确定的，所述页面加载请求是基于所述预设链接发起的；其中，不同的所述目标文件对应的目标页面内容不同。

在本公开的一个实施例中，所述预设链接对应N个可供加载的目标文件，每个所述目标文件对应一个页面内容，每个所述目标文件至少包括对应页面内容的页面逻辑执行文件；N为大于1的整数。

在本公开的一个实施例中，所述装置还包括：

建立单元，用于建立预设对应关系，所述预设对应关系包括不同展示时段与其对应目标文件之间的对应关系，和/或不同用户类型与其对应目标文件之间的对应关系；

生成单元，用于生成链接到预设加载器和页面容器的所述预设链接，其中所述预设加载器包含所述预设对应关系。

在本公开的一个实施例中，所述装置还包括：

第三获取单元，用于获取每个所述目标页面内容的源文件；

重组单元，用于对每个所述目标页面内容的所述源文件中除页面框架文件之外的内容进行重组处理，得到每个所述目标页面内容的目标文件。

在本公开的一个实施例中，所述重组单元，用于：

对每个所述目标页面内容的所述源文件中除页面框架文件之外的内容进行AST语法解析，得到每个所述目标页面内容的所述源文件中除页面框架文件之外的内容所包括的M个片段，M为大于1的整数；

将每个所述页面内容的所述源文件中除页面框架文件之外的内容所包括的M个片段转换为js代码片段，对所述M个js代码片段进行代码组合，生成每个所述目标页面内容的页面逻辑执行文件；

将每个所述目标页面内容的页面逻辑执行文件，作为每个所述目标页面内容的目标文件。

本公开实施例的第五方面提供一种介质，其存储有计算机程序，该程序被处理器执行时实现如前述实施例的方法。

本公开实施例的第六方面提供一种计算设备，包括：一个或多个处理器；存储装置，用于存储一个或多个程序；当所述一个或多个程序被所述一个或多个处理器执行时，使得所述一个或多个处理器实现如前述实施例的方法。

根据本公开实施方式，客户端检测到基于预设链接发起的页面加载请求；根据所述页面加载请求获取目标信息；根据所述目标信息确定待加载的目标文件；加载所述目标文件，并解析所述目标文件以获取目标页面内容；其中，不同的所述目标文件对应不同的所述目标页面内容。如此，使客户端能够基于同一预设链接获取到不同的页面内容，无需严重依赖服务端的页面定时发布任务，能够提升客户端展示的页面内容的稳定性和有效性。

附图说明

通过参考附图阅读下文的详细描述，本公开示例性实施方式的上述以及其他目的、特征和优点将变得易于理解。在附图中，以示例性而非限制性的方式示出了本公开的若干实施方式，其中：

图1为根据本公开一实施方式的页面加载方法流程图一；

图2为根据本公开一实施方式的页面加载方法流程图二；

图3为根据本公开一实施方式的页面加载方法流程图三；

图4为根据本公开一实施方式的页面加载方法流程图四；

图5为根据本公开一实施方式的目标文件生成的架构示意图；

图6为根据本公开一实施方式的介质示意图；

图7为根据本公开一实施方式的页面加载装置组成结构示意图一；

图8为根据本公开一实施方式的页面加载装置组成结构示意图二；

图9为根据本公开一实施方式的页面加载装置组成结构示意图三；

图10为根据本公开一实施方式的页面加载装置组成结构示意图四；

图11为根据本公开一实施方式的计算设备结构示意图；

在附图中，相同或对应的标号表示相同或对应的部分。

具体实施方式

下面将参考若干示例性实施方式来描述本公开的原理和精神。应当理解，给出这些实施方式仅仅是为了使本领域技术人员能够更好地理解进而实现本公开，而并非以任何方式限制本公开的范围。相反，提供这些实施方式是为了使本公开更加透彻和完整，并且能够将本公开的范围完整地传达给本领域的技术人员。

本领域技术人员知道，本公开的实施方式可以实现为一种***、装置、设备、方法或计算机程序产品。因此，本公开可以具体实现为以下形式，即：完全的硬件、完全的软件(包括固件、驻留软件、微代码等)，或者硬件和软件结合的形式。

根据本公开的实施方式，提出了一种页面加载方法、装置、介质和计算设备。

在本文中，附图中的任何元素数量均用于示例而非限制，以及任何命名都仅用于区分，而不具有任何限制含义。

下面参考本公开的若干代表性实施方式，详细阐释本公开的原理和精神。

发明概述

本申请人发现，电商场景中，经常会存在页面整点切换的场景，比如：大促会场存在预热期、正式期、返场期等多个阶段，但是往往投放的链接是固定不变的，这就意味着同一个链接在不同的时间点访问时要返回不同的页面内容。

相关技术中，常见的第一种实现方式是服务端渲染方式。具体的，服务端渲染方式把数据的初始请求放在了服务端，服务器收到请求后，将数据填充到模板以形成完整的页面，由服务端把渲染的完整的页面返回给客户端。然而这种实现方式至少存在以下缺点：1.不利于前后端分离，开发效率低；2.占用服务端资源，服务器端完成HTML模板的解析，如果请求量较大，会对服务器造成一定的访问压力。

相关技术中，常见的第二种实现方式是先通过服务端定时任务生成关键时间点的静态页面内容文件，再将静态页面内容文件同步到各个目标机，以便用户访问时能访问到最新的文件内容。然而这种实现方式至少存在以下缺点：1.严重依赖定时发布任务，一旦任务异常，将影响页面访问；2.定时发布任务一般采用分钟级别，文件生成需要耗时，页面刷新内容可能存在一定延迟；3.虽然是静态页面，但是也无法开启静态页面文件的缓存，需要实时能访问到最新的文件。

相关技术中，常见的第三种实现方式是通过定时更新网关的配置来实现定时切换页面内容。然而这种实现方式至少存在以下缺点：1.网关耦合严重；2.影响网关性能。

有鉴于此，本公开提供一种页面加载方法、装置、介质和计算设备，该页面加载方法包括：客户端检测到基于预设链接发起的页面加载请求；根据所述页面加载请求获取目标信息；根据所述目标信息确定待加载的目标文件；加载所述目标文件，并解析所述目标文件以获取目标页面内容；其中，不同的所述目标文件对应不同的所述目标页面内容。

如此，可以在客户端基于预设链接发起页面加载请求，根据页面加载请求获取目标信息，根据目标信息确定待加载的目标文件，由于不同的目标文件对应不同的目标页面内容，能够实现基于同一预设链接返回不同的页面内容，也避免了因服务端未完成定时生成关键时间点的静态页面内容的任务而引发的页面访问的稳定性和实时性差的问题。在客户端能够实现基于同一个预设链接返回不同的页面内容，不仅应用了客户端缓存来做缓存优化，降低了服务器的访问压力，还能够提升客户端进行页面访问的稳定性和有效性。另外，由于不同的目标文件对应不同的目标页面内容，有助于对页面做内容分发网络(Content Delivery Network，CDN)的加速优化。

在介绍了本公开的基本原理之后，下面具体介绍本公开的各种非限制性实施方式。

示例性方法

本公开提供了一种页面加载方法，应用于客户端，如图1所示，包括：

S101：检测到基于预设链接发起的页面加载请求；

S102：根据所述页面加载请求获取目标信息；

S103：根据所述目标信息确定待加载的目标文件；

S104：加载所述目标文件，并解析所述目标文件以获取目标页面内容；其中，不同的所述目标文件对应不同的所述目标页面内容。

本实施例所述的客户端，其所在电子设备包括但不限于固定设备和/或移动设备，例如，固定设备包括但不限于个人计算机(Personal Computer，PC)、智能电视等终端设备。例如，移动设备包括但不限于手机、平板电脑等终端设备。

在S101中，所述预设链接是指向网页的链接，当浏览者单击该预设链接后，链接的网页将显示在浏览器上，并且根据网页来打开或运行。需要说明的是，预设链接的表现形式包括但不限于以文本、或图片等可作为链接的对象。

在S101中，所述预设链接对应N个可供加载的目标文件，每个所述目标文件对应一个目标页面内容，每个所述目标文件至少包括对应目标页面内容的页面逻辑执行文件；N为大于1的整数。如此，能够为基于同一预设链接获取不同的页面内容提供目标文件支撑。

在步骤S101中，所述预设链接由服务器负责提供，这里，所述预设链接可以是由服务器直接向客户端推送的链接，也可以是由其他客户端转发的服务器推送的链接。

在S101中，所述页面加载请求是客户端基于预设链接发送的获取目标页面内容的请求。示例性地，客户端接收到针对预设链接的手动触发操作时，判定检测到基于预设链接发起的页面加载请求。又示例性地，客户端接收到针对预设链接的语音触发操作时，判定检测到基于预设链接发起的页面加载请求。

在S102中，目标信息是根据页面加载请求获取的信息。示例性地，目标信息可以是用户信息，比如，用户为首次到访客户，即新客户；用户为非首次到访客户，即老客户。又比如，用户为访问频次大于一定阈值的客户，即高频客户；用户为访问频次小于一定阈值的客户，即低频客户。又示例性地，目标信息可以是时间信息，比如，该时间信息是检测到页面加载请求的时间。又比如，该时间信息是页面加载请求的请求时间。实际处理中目标信息可以包含设备类型信息、位置信息等更多的情况，本实施例不做穷举。

在S103中，不同目标信息可对应不同的待加载的目标文件。示例性地，不同用户信息对应不同的目标文件。比如，新客户对应目标文件1，老客户对应目标文件2。比如，高频客户对应目标文件3，低频客户对应目标文件4。又示例性地，不同时间信息对应不同的目标文件。比如，位于第一时间段内的时间信息对应目标文件a，位于第二时间段内的时间信息对应目标文件b，…，位于第i时间段内的时间信息对应目标文件i。实际处理中，不同目标信息可对应不同的待加载的目标文件可以包含更多的情况，本实施例不做穷举。

在S103中，目标文件是可供加载的且被解析后可生成目标页面内容的文件。每个所述目标文件至少包括对应目标页面内容的页面逻辑执行文件。比如，页面逻辑执行文件可以是Bundle.js文件。

根据本实施例所述方法，可以在客户端基于预设链接发起页面加载请求，根据客户端页面加载请求获取目标信息，并根据目标信息确定待加载的目标文件，由于不同的目标文件对应不同的目标页面内容，能够实现基于同一预设链接返回不同的页面内容，也避免了因服务端未完成定时生成关键时间点的静态页面内容的任务而引发的页面访问的稳定性和实时性差的问题。在客户端能够实现基于同一个预设链接返回不同的页面内容，不仅应用了客户端缓存来做缓存优化，降低了服务器的访问压力，还能够提升客户端进行页面访问的稳定性和有效性，有助于对页面做CDN的加速优化。

基于图1所示页面加载方法，在一些实施例中，在本公开的一个实施例中，所述目标信息包括所述页面加载请求的时间信息。这里，所述时间信息可以是检测到页面加载请求的时间，也可以是页面加载请求的请求时间。

在一些实施例中，在所述目标信息包括时间信息的情况下，根据所述目标信息确定待加载的目标文件，包括：判断所述时间信息所属的展示时段；结合预设对应关系，根据所述时间信息所属的展示时段确定待加载的目标文件；其中，所述预设对应关系包括不同展示时段与其目标文件之间的对应关系。

需要说明的是，不同展示时段的时长可以相同，示例性地，展示时段1对应(t0，t1]时间段，展示时段2对应(t1，t2]时间段，t1-t0＝t2-t1。不同展示时段的时长也可以不同，示例性地，展示时段3对应(t2，t3]时间段，展示时段4对应(t3，t4]时间段，t3-t2≠t4-t3。

举例来说，展示时段1对应目标文件1，展示时段2对应目标文件2，…，展示时段X对应目标文件X，那么，若时间信息所属的展示时段为展示时段1，则其目标文件为目标文件1；若时间信息所属的展示时段为展示时段X，则其目标文件为目标文件X。

通过上述实施方式，客户端能够确定与时间信息相适应的目标文件，从而有助于展示与该时间信息相适应的目标页面内容，比如，在第一时间段展示目标页面内容1，在第二时间段展示目标页面内容2。

基于图1所示页面加载方法，在一些实施例中，所述目标信息包括所述页面加载请求的用户信息。这里，所述用户信息可以是表征用户类型的信息。比如所述用户信息可以是表征用户为新客户或老客户的信息，也可以是表征用户为高频客户或低频客户的信息。

在一些实施例中，在所述目标信息包括用户信息的情况下，根据所述目标信息确定待加载的目标文件，包括：根据所述用户信息判断所述页面加载请求的用户类型；根据所述用户类型确定待加载的目标文件。

需要说明的是，不同用户类型对应的目标文件可以相同，示例性地，用户类型1对应目标文件1，用户类型2对应目标文件1。不同用户类型对应的目标文件可以不同，示例性地，用户类型3对应目标文件2，用户类型4对应目标文件3。

举例来说，用户类型1对应目标文件1，用户类型2对应目标文件2，…，用户类型Y对应目标文件Y，那么，若用户信息所属的用户类型为用户类型1，则其目标文件为目标文件1；若用户信息所属的用户类型为用户类型Y，则其目标文件为目标文件Y。

通过上述实施方式，客户端能够确定与用户信息相适应的目标文件，从而有助于展示与该用户信息相适应的目标页面内容，比如，对于新用户展示目标页面内容1，对老用户展示目标页面内容2。

基于图1所示页面加载方法，在一些实施例中，根据所述目标信息确定待加载的目标文件，还包括：

获取所述预设链接对应的页面容器和预设加载器；

所述预设加载器根据所述目标信息加载所述目标文件。

其中，页面容器包含页面框架文件。

其中，预设加载器用于判断加载哪个目标文件，以及在确定出待加载的目标文件后对该目标文件进行加载。

示例性地，客户端检测到用户点击预设链接的操作后，获取该预设链接对应的HTML框架文件和bundle.js加载器。

通过上述实施方式，由预设加载器根据目标信息加载目标文件，能够提高目标文件的加载速度，从而有助于提高目标页面内容的实时性。

基于图1所示页面加载方法，在一些实施例中，加载所述目标文件，并解析所述目标文件以获取目标页面内容，包括：所述预设加载器根据所述目标信息加载所述目标文件包括的对应目标页面内容的页面逻辑执行文件；通过执行所述页面逻辑执行文件将对应的目标页面内容渲染到页面容器中，得到目标页面内容。

通过上述实施方式，在加载目标文件后，应用客户端缓存来缓存目标文件，降低了服务器的访问压力，能够提升客户端访问目标页面内容的稳定性和有效性，并且在客户端可以提前下发这些文件，提前做客户端预缓存。

本公开提供了一种页面加载方法，应用于服务器，如图2所示，包括：

S201：向客户端提供预设链接；

S202：在接收到所述客户端发送的加载目标文件的请求的情况下，向所述客户端下发所述目标文件；其中，所述目标文件是由所述客户端根据从页面加载请求获取的目标信息确定的，所述页面加载请求是基于所述预设链接发起的；其中，不同的所述目标文件对应的目标页面内容不同。

本实施例所述的服务器，可以是云服务器，也可以是普通服务器。

在S201中，所述预设链接对应N个可供加载的目标文件，每个所述目标文件分别对应一个不同的页面内容，每个所述目标文件至少包括对应页面内容的页面逻辑执行文件；N为大于1的整数。

如此，服务器能够为客户端提供基于同一预设链接下的多个目标文件，降低了服务器的访问压力。另外，由于服务器无需执行定时刷新页面内容的一些高风险操作，降低了线上风险，同时提升了整点切换的时间精确度。另外，由于应用了客户端缓存来做缓存优化，，有助于对页面做CDN的加速优化。

基于图2所示页面加载方法，在一些实施例中，如图3所示，所述方法还包括：

S203：建立预设对应关系，所述预设对应关系包括不同展示时段与其对应目标文件之间的对应关系，和/或不同用户类型与其对应目标文件之间的对应关系；

S204：生成链接到预设加载器和页面容器的所述预设链接，其中所述预设加载器包含所述预设对应关系。

通过上述实施方式，通过预先建立不同展示时段与其对应目标文件之间的对应关系，和/或不同用户类型与其对应目标文件之间的对应关系，能够为客户端后续展示目标页面内容提供统一的参考依据，进而为客户端基于同一预设链接返回不同的目标页面内容提供支撑。

基于图2所示页面加载方法，在一些实施例中，如图4所示，所述方法还包括：

S205：获取每个所述目标页面内容的源文件；

S206：对每个所述目标页面内容的所述源文件中除页面框架文件之外的内容进行重组处理，得到每个所述目标页面内容的目标文件。

需要说明的是，本实施例不对重组方式进行限定。

通过上述实施方式，能够得到同一预设链接下的多个目标文件，为后续生成预设链接提供数据支撑。

基于图2所示页面加载方法，在一些实施例中，对每个所述目标页面内容的所述源文件中除页面框架文件之外的内容进行重组处理，得到每个所述目标页面内容的目标文件，包括：

对每个所述目标页面内容的所述源文件中除页面框架文件之外的内容进行AST语法解析，得到每个所述目标页面内容的所述源文件中除页面框架文件之外的内容所包括的M个片段，M为大于1的整数；

将每个所述页面内容的所述源文件中除页面框架文件之外的内容所包括的M个片段转换为js代码片段，对所述M个js代码片段进行代码组合，生成每个所述目标页面内容的页面逻辑执行文件；

将每个所述目标页面内容的页面逻辑执行文件，作为每个所述目标页面内容的目标文件。

其中，除页面框架文件之外的内容包括用于定义网页文档的头部(head)内容以及用于定义网页文档的主体(body)内容。头部内容至少包括：头部的标题(title)，头部的元信息(meta)签，头部的样式文件(Cascading Style Sheets，CSS)，头部的js。主体内容包括主体的文档(dom)，主体的js。

可以理解，进行语法解析的方式除AST之外的其他语法解析方式代替，在此不再穷举。js代码片段可以被其他可以描述页面逻辑执行文件的代码代替，在此不再穷举。

通过上述实施方式，能够得到每个目标页面内容的目标文件，为后续生成预设链接提供数据支撑。

图5示出了目标文件生成的架构示意图，首先，将每个HTML的源文件中除页面框架文件(HTML framework)之外的内容进行解析，得到每个HTML包括的M个片段；然后，将每个HTML包括的M个片段转换为M个js代码片段；最后，对每个HTML的所述M个js代码片段进行代码组合，生成每个HTML的包括页面逻辑执行文件的目标文件。在生成M个HTML各自对应的目标文件的情况下，通过预设链接获取页面容器和预设加载器，该预设加载器用于根据用户的访问信息(即目标信息)判断并加载M个目标文件中相应的一个目标文件，通过执行该目标文件相应的页面逻辑执行文件，完成对页面容器的内容加载从而展示对应的页面内容。

实际应用中，将每个HTML包括的M个片段转换为M个js代码片段，具体分成以下步骤：

(1)将head的title转换为用js设置head的title；

(2)将head的meta转换为用js设置head的meta；

(3)将head的css转换为用js设置head的css，这里可能会存在外链和内联两种形式，对于外链形式，获取外链内容，组合内联的样式，采用js设置head的css；

(4)在head的js存在执行逻辑的情况下，可优先处理head中的js，获取页面head的js依赖，这里可能会存在外链和内联的两种形式，对于外链形式，获取外链内容，组合内联的js；

(5)将js动态***页面文档；

(6)获取页面body的js依赖，这里可能会存在外链和内联的两种形式，对于外链形式，获取外链内容，组合内联的js；

以上就是bundlejs的代码片段内容，等于整个页面内容的逻辑实现，可以将每个时间段的bundlejs存储到CDN上。生成的页面容器挂载了bundlejs的空白页面，这样，完成了HTML到页面逻辑执行文件的转化，页面直接挂载页面逻辑执行文件就可以执行原先的页面逻辑。

通过创建用于判断当前时间并加载对应时间状态的页面逻辑执行文件的预设加载器，这样就实现投放一个链接，客户端在不同时间点访问时，能展示不同页面内容的功能。

通过上述架构，可以实现投放一个固定的预设链接，做到不同页面内容的切换，并且由于最终的HTML文件和对应的目标文件都可以提前生成，且页面内容是静态的，可以接入http缓存、本地缓存(native cache)、CDN等提升页面性能的一些优化策略，对缓存有了更好的利用，节省用户带宽，同时也不再存在一些服务器定时刷新页面内容的高风险的一些操作，降低了线上风险，同时提升了整点切换的时间精确度。

应理解，图5所示的流程图为一种可选的具体实现方式，本领域技术人员可以基于图5的例子进行各种显而易见的变化和/或替换，得到的技术方案仍属于本公开实施例的公开范围。

示例性介质

在介绍了本公开示例性实施方式的方法之后，接下来，参考图6对本公开示例性实施方式的介质进行说明。

在一些可能的实施方式中，本公开的各个方面还可以实现为一种计算机可读介质，其上存储有程序，当程序被处理器执行时用于实现本说明书上述“示例性方法”部分中描述的根据本公开各种示例性实施方式的页面加载方法中的步骤。

具体地，上述处理器执行上述程序时可用于实现如下步骤：检测到基于预设链接发起的页面加载请求；根据所述页面加载请求获取目标信息；根据所述目标信息确定待加载的目标文件；加载所述目标文件，并解析所述目标文件以获取目标页面内容；其中，不同的所述目标文件对应不同的所述目标页面内容。

具体地，上述处理器执行上述程序时可用于实现如下步骤：向客户端提供预设链接；在接收到所述客户端发送的加载目标文件的请求的情况下，向所述客户端下发所述目标文件；其中，所述目标文件是由所述客户端根据从页面加载请求获取的目标信息确定的，所述页面加载请求是基于所述预设链接发起的；其中，不同的所述目标文件对应的目标页面内容不同。

需要说明的是：上述的介质可以是可读信号介质或者可读存储介质。可读存储介质例如可以是但不限于：电、磁、光、电磁、红外线、或半导体的***、装置或器件，或者任意以上的组合。可读存储介质的更具体的例子(非穷举的列表)包括：具有一个或多个导线的电连接、便携式盘、硬盘、随机存取存储器(Random Access Memory，RAM)、只读存储器(Read-Only Memory，ROM)、可擦式可编程只读存储器(Erasable Programmable Read-OnlyMemory，EPROM)或闪存、光纤、便携式紧凑盘只读存储器(Compact Disc Read-OnlyMemory，CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。

如图6所示，描述了根据本公开的实施方式的介质600，其可以采用便携式紧凑盘只读存储器(CD-ROM)并包括程序，并可以在设备上运行。然而，本公开不限于此，在本文件中，可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行***、装置或者器件使用或者与其结合使用。

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

可以以一种或多种程序设计语言的任意组合来编写用于执行本公开操作的程序代码，上述程序设计语言包括面向对象的程序设计语言—诸如Java、C++等，还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算设备上执行、部分在用户计算设备上部分在远程计算设备上执行、或者完全在远程计算设备或服务器上执行。在涉及远程计算设备的情形中，远程计算设备可以通过任意种类的网络—包括局域网(Local Area Network，LAN)或广域网(Wide Area Network，WAN)—连接到用户计算设备。

示例性装置

在介绍了本公开示例性实施方式的方法之后，接下来，对本公开示例性实施方式的装置进行说明。

本公开实施例提供一种应用于客户端的页面加载装置，如图7所示，该页面加载装置包括：检测单元701，用于检测到基于预设链接发起的页面加载请求；第一获取单元702，用于根据所述页面加载请求获取目标信息；确定单元703，用于根据所述目标信息确定待加载的目标文件；加载单元704，用于加载所述目标文件，并解析所述目标文件以获取目标页面内容；其中，不同的所述目标文件对应不同的所述目标页面内容。

在本公开的一个实施例中，所述预设链接对应N个可供加载的目标文件，每个所述目标文件分别对应一个不同的目标页面内容，每个所述目标文件至少包括对应目标页面内容的页面逻辑执行文件；N为大于1的整数。

在本公开的一个实施例中，所述目标信息包括所述页面加载请求的时间信息；所述确定单元703，用于：判断所述时间信息所属的展示时段；结合预设对应关系，根据所述时间信息所属的展示时段确定待加载的目标文件；其中，所述预设对应关系包括不同展示时段与其目标文件之间的对应关系。

在本公开的一个实施例中，所述目标信息包括所述页面加载请求的用户信息；所述确定单元703，用于：根据所述用户信息判断所述页面加载请求的用户类型；根据所述用户类型确定待加载的目标文件。

在本公开的一个实施例中，如图8所示，所述装置还可以包括：第二获取单元705，用于获取所述预设链接对应的页面容器和预设加载器；对应地，所述确定单元703，还用于所述预设加载器根据所述目标信息加载所述目标文件。

在本公开的一个实施例中，所述加载单元704，用于：所述预设加载器根据所述目标信息加载所述目标文件包括的对应目标页面内容的页面逻辑执行文件；通过执行所述页面逻辑执行文件将对应的目标页面内容渲染到页面容器中，得到目标页面内容。

本公开装置页面加载装置中各模块的功能可以参见上述方法中的对应描述，在此不再赘述。

本公开所述页面加载装置，可以在客户端基于预设链接发起页面加载请求，根据客户端页面加载请求获取目标信息，并根据目标信息确定待加载的目标文件，由于不同的目标文件对应不同的目标页面内容，能够实现基于同一预设链接返回不同的页面内容，也避免了因服务端未完成定时生成关键时间点的静态页面内容的任务而引发的页面访问的稳定性和实时性差的问题。在客户端能够实现基于同一个预设链接返回不同的页面内容，不仅应用了客户端缓存来做缓存优化，降低了服务器的访问压力，还能够提升客户端进行页面访问的稳定性和有效性，有助于对页面做CDN的加速优化。

本公开实施例还公开了一种应用于服务器的页面加载装置，如图9所示，该页面加载装置包括：输出单元901，用于向客户端提供预设链接；通信单元902，用于在接收到所述客户端发送的加载目标文件的请求的情况下，向所述客户端下发所述目标文件；其中，所述目标文件是由所述客户端根据从页面加载请求获取的目标信息确定的，所述页面加载请求是基于所述预设链接发起的；其中，不同的所述目标文件对应的目标页面内容不同。

在本公开的一个实施例中，所述预设链接对应N个可供加载的目标文件，每个所述目标文件分别对应一个不同的页面内容，每个所述目标文件至少包括对应页面内容的页面逻辑执行文件；N为大于1的整数。

在本公开的一个实施例中，如图10所示，所述装置还可以包括：建立单元903，用于建立预设对应关系，所述预设对应关系包括不同展示时段与其对应目标文件之间的对应关系，和/或不同用户类型与其对应目标文件之间的对应关系；生成单元904，用于生成链接到预设加载器和页面容器的所述预设链接，其中所述预设加载器包含所述预设对应关系。

在本公开的一个实施例中，如图10所示，所述装置还可以包括：第三获取单元905，用于获取每个所述目标页面内容的源文件；重组单元906，用于对每个所述目标页面内容的所述源文件中除页面框架文件之外的内容进行重组处理，得到每个所述目标页面内容的目标文件。

在本公开的一个实施例中，所述重组单元906，用于：对每个所述目标页面内容的所述源文件中除页面框架文件之外的内容进行AST语法解析，得到每个所述目标页面内容的所述源文件中除页面框架文件之外的内容所包括的M个片段，M为大于1的整数；将每个所述页面内容的所述源文件中除页面框架文件之外的内容所包括的M个片段转换为js代码片段，对所述M个js代码片段进行代码组合，生成每个所述目标页面内容的页面逻辑执行文件；将每个所述目标页面内容的页面逻辑执行文件，作为每个所述目标页面内容的目标文件。

本公开所述的页面加载装置，能够为客户端提供基于同一预设链接下的多个目标文件，降低了服务器的访问压力。另外，由于服务器无需执行定时刷新页面内容的一些高风险操作，降低了线上风险，同时提升了整点切换的时间精确度。另外，由于应用了客户端缓存来做缓存优化，有助于对页面做CDN的加速优化。

示例性计算设备

在介绍了本公开示例性实施方式的方法、介质和装置之后，接下来，参考图11对本公开示例性实施方式的计算设备进行说明。

所属技术领域的技术人员能够理解，本公开的各个方面可以实现为***、方法或程序产品。因此，本公开的各个方面可以具体实现为以下形式，即：完全的硬件实施方式、完全的软件实施方式(包括固件、微代码等)，或硬件和软件方面结合的实施方式，这里可以统称为“电路”、“模块”或“***”。

在一些可能的实施方式中，根据本公开实施方式的计算设备可以至少包括至少一个处理单元以及至少一个存储单元。其中，存储单元存储有程序代码，当程序代码被处理单元执行时，使得处理单元执行本说明书上述“示例性方法”部分中描述的根据本公开的各种示例性实施方式的页面加载方法中的步骤。

下面参照图11来描述根据本公开的这种实施方式的计算设备1100。图11显示的计算设备1100仅仅是一个示例，不应对本公开实施例的功能和使用范围带来任何限制。

如图11所示，计算设备1100以通用计算设备的形式表现。计算设备1100的组件可以包括但不限于：上述至少一个处理单元1101、上述至少一个存储单元1102，连接不同***组件(包括处理单元1101和存储单元1102)的总线1103。

总线1103包括数据总线、控制总线和地址总线。

存储单元1102可以包括易失性存储器形式的可读介质，例如随机存取存储器(RAM)11021和/或高速缓存存储器11022，可以进一步包括非易失性存储器形式的可读介质，例如只读存储器(ROM)11023。

存储单元1102还可以包括具有一组(至少一个)程序模块11024的程序/实用工具11025，这样的程序模块11024包括但不限于：操作***、一个或者多个应用程序、其它程序模块以及程序数据，这些示例中的每一个或某种组合中可能包括网络环境的实现。

计算设备1100也可以与一个或多个外部设备1104(例如键盘、指向设备等)通信。这种通信可以通过输入/输出(Input/Output，I/O)接口1105进行。并且，计算设备1100还可以通过网络适配器1106与一个或者多个网络(例如局域网(LAN)，广域网(WAN)和/或公共网络，例如因特网)通信。如图11所示，网络适配器1106通过总线1103与计算设备1100的其它模块通信。应当理解，尽管图11中未示出，可以结合计算设备1100使用其它硬件和/或软件模块，包括但不限于：微代码、设备驱动器、冗余处理单元、独立磁盘冗余阵列(RedundantArray of Independent Disks，RAID)***、磁带驱动器以及数据备份存储***等。

应当注意，尽管在上文详细描述中提及了页面加载装置的若干单元/模块或子单元/子模块，但是这种划分仅仅是示例性的并非强制性的。实际上，根据本公开的实施方式，上文描述的两个或更多单元/模块的特征和功能可以在一个单元/模块中具体化。反之，上文描述的一个单元/模块的特征和功能可以进一步划分为由多个单元/模块来具体化。

此外，尽管在附图中以特定顺序描述了本公开方法的操作，但是，这并非要求或者暗示必须按照该特定顺序来执行这些操作，或是必须执行全部所示的操作才能实现期望的结果。附加地或备选地，可以省略某些步骤，将多个步骤合并为一个步骤执行，和/或将一个步骤分解为多个步骤执行。

虽然已经参考若干具体实施方式描述了本公开的精神和原理，但是应该理解，本公开并不限于所公开的具体实施方式，对各方面的划分也不意味着这些方面中的特征不能组合以进行受益，这种划分仅是为了表述的方便。本公开旨在涵盖所附权利要求的精神和范围内所包括的各种修改和等同布置。

Claims (10)

1.一种页面加载方法，应用于客户端，其特征在于，包括：

检测到基于预设链接发起的页面加载请求；

根据所述页面加载请求获取目标信息；

根据所述目标信息确定待加载的目标文件；

加载所述目标文件，并解析所述目标文件以获取目标页面内容；其中，不同的所述目标文件对应不同的所述目标页面内容。

2.根据权利要求1所述的方法，其中，所述预设链接对应N个可供加载的目标文件，每个所述目标文件分别对应一个不同的目标页面内容，每个所述目标文件至少包括对应目标页面内容的页面逻辑执行文件；N为大于1的整数。

3.根据权利要求1所述的方法，其中，所述目标信息包括所述页面加载请求的时间信息；

其中，所述根据所述目标信息确定待加载的目标文件，包括：判断所述时间信息所属的展示时段；

结合预设对应关系，根据所述时间信息所属的展示时段确定待加载的目标文件；其中，所述预设对应关系包括不同展示时段与其目标文件之间的对应关系。

4.根据权利要求1或3所述的方法，其中，所述目标信息包括所述页面加载请求的用户信息；

其中，所述根据所述目标信息确定待加载的目标文件，包括：

根据所述用户信息判断所述页面加载请求的用户类型；

根据所述用户类型确定待加载的目标文件。

5.根据权利要求2所述的方法，其中，根据所述目标信息确定待加载的目标文件，还包括：

获取所述预设链接对应的页面容器和预设加载器；

所述预设加载器根据所述目标信息加载所述目标文件。

6.一种页面加载方法，应用于服务器，其特征在于，包括：

向客户端提供预设链接；

在接收到所述客户端发送的加载目标文件的请求的情况下，向所述客户端下发所述目标文件；其中，所述目标文件是由所述客户端根据从页面加载请求获取的目标信息确定的，所述页面加载请求是基于所述预设链接发起的；其中，不同的所述目标文件对应的目标页面内容不同。

7.一种页面加载装置，应用于客户端，其特征在于，包括：

检测单元，用于检测到基于预设链接发起的页面加载请求；

第一获取单元，用于根据所述页面加载请求获取目标信息；

确定单元，用于根据所述目标信息确定待加载的目标文件；

加载单元，用于加载所述目标文件，并解析所述目标文件以获取目标页面内容；其中，不同的所述目标文件对应不同的所述目标页面内容。

8.一种页面加载装置，应用于服务器，其特征在于，包括：

输出单元，用于向客户端提供预设链接；

通信单元，用于在接收到所述客户端发送的加载目标文件的请求的情况下，向所述客户端下发所述目标文件；其中，所述目标文件是由所述客户端根据从页面加载请求获取的目标信息确定的，所述页面加载请求是基于所述预设链接发起的；其中，不同的所述目标文件对应的目标页面内容不同。

9.一种介质，其存储有计算机程序，其特征在于，该程序被处理器执行时实现如权利要求1-5中任一项所述的方法和/或权利要求6所述的方法。

10.一种计算设备，包括：

一个或多个处理器；

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

当所述一个或多个程序被所述一个或多个处理器执行时，使得所述一个或多个处理器实现如权利要求1-5中任一项所述的方法和/或权利要求6所述的方法。

Images