CN112579938A - 一种页面加载方法、装置、存储介质及电子设备 - Google Patents
一种页面加载方法、装置、存储介质及电子设备 Download PDFInfo
- Publication number
- CN112579938A CN112579938A CN202011476159.2A CN202011476159A CN112579938A CN 112579938 A CN112579938 A CN 112579938A CN 202011476159 A CN202011476159 A CN 202011476159A CN 112579938 A CN112579938 A CN 112579938A
- Authority
- CN
- China
- Prior art keywords
- loading
- page
- static
- sub
- target page
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
- 238000011068 loading method Methods 0.000 title claims abstract description 204
- 230000003068 static effect Effects 0.000 claims abstract description 95
- 238000000034 method Methods 0.000 claims abstract description 64
- 230000008569 process Effects 0.000 claims abstract description 36
- 238000004590 computer program Methods 0.000 claims description 17
- 238000004458 analytical method Methods 0.000 claims description 8
- 238000010586 diagram Methods 0.000 description 20
- 238000012544 monitoring process Methods 0.000 description 14
- 230000006870 function Effects 0.000 description 10
- 230000006872 improvement Effects 0.000 description 9
- 238000012545 processing Methods 0.000 description 6
- 238000005516 engineering process Methods 0.000 description 5
- 230000003287 optical effect Effects 0.000 description 3
- 230000004048 modification Effects 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000001960 triggered effect Effects 0.000 description 2
- 230000004075 alteration Effects 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000005540 biological transmission Effects 0.000 description 1
- 230000001413 cellular effect Effects 0.000 description 1
- 230000008859 change Effects 0.000 description 1
- 238000004891 communication Methods 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 238000004519 manufacturing process Methods 0.000 description 1
- 230000005055 memory storage Effects 0.000 description 1
- 229920001296 polysiloxane Polymers 0.000 description 1
- 230000000750 progressive effect Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9574—Browsing optimisation, e.g. caching or content distillation of access to content, e.g. by caching
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本说明书公开了一种页面加载方法、装置、存储介质及电子设备，本说明书实施例先获取加载目标页面所需的静态资源，其中，静态资源由至少两个子静态资源构成，根据各子静态资源的加载顺序，依次加载各子静态资源，以展示加载不同子静态资源时处于不同状态的所述目标页面，当静态资源加载完成后，获取加载目标页面所需的动态资源，通过加载动态资源，展示最终状态的目标页面。在刚开始加载目标页面到目标页面加载完成的过程中，将加载目标页面所需的资源进行阶段性加载，为用户展示了加载不同阶段时处于不同状态的目标页面。
Description
技术领域
本说明书涉及计算机技术领域，尤其涉及一种页面加载方法、装置、存储介质及电子设备。
背景技术
现在，人们的生活离不开网络，比如，人们利用网络进行网购或点外卖。但不同的网络情况会影响人们访问网络页面的积极性。
当客户端的用户处于弱网的环境中，用户想要访问某个页面，因为网速慢而导致用户访问的页面一直显示为白屏，直到页面加载完成，该页面才显示出页面完整的内容。而页面内容显示完整后，用户才能进行后续的页面操作。
可见，现有技术中，当用户访问某个页面时，客户端无法为用户展示从页面加载开始到页面加载完成之间的阶段性过程。
发明内容
本说明书实施例提供一种页面加载方法、装置、存储介质及电子设备，以部分解决上述现有技术存在的问题。
本说明书实施例采用下述技术方案：
本说明书提供的一种页面加载方法，包括：
发送针对目标页面的页面访问请求；
获取加载所述目标页面所需的静态资源，所述静态资源由至少两个预先配置的子静态资源构成；
对所述静态资源进行解析，得到各子静态资源；
根据解析得到的各子静态资源，确定所述各子静态资源的加载顺序；
按照各子静态资源的加载顺序，依次加载所述各子静态资源，以展示加载不同子静态资源时处于不同状态的所述目标页面；
当所述静态资源加载完成后，获取加载所述目标页面所需的动态资源；
通过加载所述动态资源，展示最终状态的所述目标页面。
可选地，所述静态资源包括：主文档文件、样式文件、脚本文件和静态页面内容；
所述主文档文件包括：页面加载的相关配置和页面加载过程中涉及的主要模块的初始代码文件；
所述样式文件是指页面中显示样式的代码文件；
所述脚本文件是指页面中显示的组件的代码文件；
各子静态资源的执行顺序由先到后为：主文档文件、样式文件、脚本文件和静态页面内容。
可选地，在加载所述主文档文件的过程中，展示所述目标页面，具体包括：
在所述目标页面中展示预先配置的所述目标页面的页面标识，所述页面标识包括：页面标题和页面图形标志。
可选地，加载所述主文档文件后，在加载所述样式文件的过程中，展示所述目标页面，具体包括：
在所述目标页面中展示预先配置的页面背景色。
可选地，加载所述样式文件后，在加载所述脚本文件的过程中，展示所述目标页面，具体包括：
在所述目标页面中展示所述目标页面的页面框架。
可选地，加载所述脚本文件后，在加载所述静态页面内容的过程中，展示所述目标页面，具体包括：
所述目标页面中展示所述目标页面的页面组件。
可选地，按照各子静态资源的加载顺序，依次加载所述各子静态资源，以展示加载不同子静态资源时处于不同状态的所述目标页面，具体包括：
检测当前的网速；
根据所述网速，预测从加载所述静态资源开始到加载所述动态资源完成所需的总时间；
根据所述总时间，确定展示加载不同子静态资源时处于不同状态的所述目标页面的时长；
根据各子静态资源的加载顺序及加载不同子静态资源时处于不同状态的所述目标页面的时长，依次加载所述各子静态资源，以展示加载不同子静态资源时处于不同状态的所述目标页面。
本说明书提供的一种页面加载装置，包括：
发送模块，用于发送针对目标页面的页面访问请求；
第一获取模块，用于获取加载所述目标页面所需的静态资源，所述静态资源由至少两个预先配置的子静态资源构成；
解析模块，用于对所述静态资源进行解析，得到各子静态资源；
确定模块，用于根据解析得到的各子静态资源，确定所述各子静态资源的加载顺序；
加载模块，用于按照各子静态资源的加载顺序，依次加载所述各子静态资源，以展示加载不同子静态资源时处于不同状态的所述目标页面；
第二获取模块，用于当所述静态资源加载完成后，获取加载所述目标页面所需的动态资源；
展示模块，用于通过加载所述动态资源，展示最终状态的所述目标页面。
本说明书提供的一种计算机可读存储介质，所述存储介质存储有计算机程序，所述计算机程序被处理器执行时实现上述的页面加载方法。
本说明书提供的一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现上述的页面加载方法。
本说明书实施例采用的上述至少一个技术方案能够达到以下有益效果：
本说明书实施例先获取加载目标页面所需的静态资源，其中，静态资源由至少两个子静态资源构成，根据各子静态资源的加载顺序，依次加载各子静态资源，以展示加载不同子静态资源时处于不同状态的所述目标页面，当静态资源加载完成后，获取加载目标页面所需的动态资源，通过加载动态资源，展示最终状态的目标页面。在刚开始加载目标页面到目标页面加载完成的过程中，将加载目标页面所需的资源进行阶段性加载，为用户展示了加载不同阶段时处于不同状态的目标页面。
附图说明
此处所说明的附图用来提供对本说明书的进一步理解，构成本说明书的一部分，本说明书的示意性实施例及其说明用于解释本说明书，并不构成对本说明书的不当限定。在附图中：
图1为本说明书实施例提供的页面加载流程示意图；
图2为本说明书实施例提供的加载主文档文件的示意图；
图3为本说明书实施例提供的加载样式文件的示意图；
图4为本说明书实施例提供的加载脚本文件的示意图；
图5为本说明书实施例提供的加载静态页面内容的示意图；
图6为本说明书实施例提供的加载静态页面内容后的示意图；
图7为本说明书实施例提供的动态资源加载完成的示意图；
图8为本说明书实施例提供的页面加载装置结构示意图；
图9为本说明书实施例提供的电子设备的结构示意图。
具体实施方式
本说明书提供的页面加载方法旨在加载页面所需的多个子静态资源的过程中，为用户展示加载不同子静态资源时的页面状态，当静态资源加载完成后，加载动态资源，以展示最终加载完成的页面。
为使本说明书的目的、技术方案和优点更加清楚，下面将结合本说明书具体实施例及相应的附图对本说明书技术方案进行清楚、完整地描述。显然，所描述的实施例仅是本说明书一部分实施例，而不是全部的实施例。基于本说明书中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本说明书保护的范围。
以下结合附图，详细说明本说明书各实施例提供的技术方案。
图1为本说明书实施例提供的页面加载流程示意图，包括：
S100：发送针对目标页面的页面访问请求。
S102：获取加载所述目标页面所需的静态资源，所述静态资源由至少两个预先配置的子静态资源构成。
在本说明书实施例中，目标页面为用户需要访问的页面，当用户访问目标页面时，客户端向服务器发送目标页面的页面访问请求。其中，服务器可以是静态资源托管的服务器。获取加载目标页面所需的静态资源时，可以获取服务器接收到页面访问请求后返回的静态资源，也可以从本地获取加载目标页面所需的部分静态资源。也就是说，根据静态资源的存储位置，加载目标页面所需的静态资源可分为远端的静态资源和本地的静态资源。远端的静态资源就是上述服务器收到页面访问请求后返回的静态资源。
另外，可根据实际需要对加载目标页面所需的所有静态资源进行切分，可以将所有静态资源切分成至少两个子静态资源。针对每个子静态资源，都具有唯一标识该子静态资源的标识。
S104：对所述静态资源进行解析，得到各子静态资源。
S106：根据解析得到的各子静态资源，确定所述各子静态资源的加载顺序。
在本说明书实施例中，对加载目标页面所需的静态资源进行解析，得到每个标识对应的子静态资源。
具体的，静态资源包括：主文档文件、样式文件、脚本文件和静态页面内容等子静态资源。其中，主文档文件包括：页面加载的相关配置和页面加载过程中涉及的主要模块的初始代码文件。样式文件是指页面中显示样式的代码文件。脚本文件是指页面中显示的组件的代码文件。静态页面内容可以指静态的文字。
另外，确定每个子静态资源的加载顺序的方法可包括：根据预先设定的每个标识的顺序，确定每个标识对应的子静态资源的加载顺序。比如，预先设定的标识为甲、乙、丙，预设设定的这三个标识的顺序为乙、甲、丙，则这三个标识分别对应的子静态资源的加载顺序为：乙对应的子静态资源、甲对应的子静态资源、丙对应的子静态资源。
除了上述确定每个子静态资源的加载顺序的方法之外，还可以确定每个子静态资源的资源量，比较每个子静态资源的资源量，根据资源量的从小到大的顺序，确定每个子静态资源的加载顺序。
S108：按照各子静态资源的加载顺序，依次加载所述各子静态资源，以展示加载不同子静态资源时处于不同状态的所述目标页面。
在本说明书实施例中，通过步骤S106确定了各子静态资源的加载顺序后，依次加载各静态资源，并展示加载不同静态资源时目标页面的不同状态。
具体的，主文档文件中的页面加载的相关配置包括页面标识。在加载主文档文件的过程中，在目标页面中展示预先配置的目标页面的页面标识，其中，页面标识包括：页面标题和页面图形标志。如图2所示。
加载主文档文件后，在加载样式文件的过程中，在目标页面中展示预先配置的页面背景色。比如，背景色为黄色。如图3所示。图3中的上对角线覆盖的区域为黄色背景色。
加载样式文件后，在加载脚本文件的过程中，在目标页面中展示目标页面的页面框架。如图4所示。
加载脚本文件后，在加载静态页面内容的过程中，在目标页面中展示目标页面的页面组件。如图5所示。
静态页面内容加载后，此时的目标页面如图6所示。
S110：当所述静态资源加载完成后，获取加载所述目标页面所需的动态资源。
S112：通过加载所述动态资源，展示最终状态的所述目标页面。
在本说明书实施例中，动态资源可以是动态文字和动态多媒体资源。在静态资源加载完成后，客户端可以从网络服务器端获取目标页面所需的动态资源，并加载，为用户展示最终状态的目标页面，即，用户访问的加载完成的页面。
具体的，通过加载动态资源，将图6中未显示的区域的内容显示出来，这样用户访问的页面(目标页面)就加载完成了。动态资源加载完成后，目标页面如图7所示。
需要说明的是，本说明书实施例提供的页面加载流程既可以应用到手机端，也可以应用到网页端。
通过上述图1所示的方法可见，本说明书先获取加载目标页面所需的静态资源，其中，静态资源由至少两个子静态资源构成，根据各子静态资源的加载顺序，依次加载各子静态资源，以展示加载不同子静态资源时处于不同状态的所述目标页面，当静态资源加载完成后，获取加载目标页面所需的动态资源，通过加载动态资源，展示最终状态的目标页面。在刚开始加载目标页面到目标页面加载完成的过程中，将加载目标页面所需的资源进行阶段性加载，为用户展示了加载不同阶段时处于不同状态的目标页面。
进一步的，在如图1所示的步骤S106中，主文档文件中页面加载过程中涉及的主要模块可包括：定时模块、事件监听模块和事件绑定模块。其中，定时模块用于判断加载各子静态资源的时间是否大于预设的时间。预设的时间可以由各子静态资源的资源量和当前的网速决定。事件监听模块用于监听发生了何种事件，并作出相应的反应。事件绑定模块用于将各子静态资源加载成功或加载失败与对应的事件进行绑定，并且将各子静态资源加载成功或加载失败对应的事件与事件监听模块中关于该事件作出的反应进行绑定。
基于上述页面加载过程中涉及的模块，可以通过触发绑定的事件，对每个子静态资源的加载进行过渡。以下是对目标页面加载的整个过程进行简述。
具体的，在如图1所示的步骤S108中，先加载主文档文件，若主文档文件在预设的时间内加载成功，则触发主文档文件加载成功事件，事件监听模块监听到主文档文件加载成功事件后，触发开始加载样式文件；若主文档文件在预设的时间内加载失败，则触发主文档文件加载失败事件，事件监听模块监听到主文档文件加载失败事件后，在目标页面中展示加载失败或慢加载并提示用户重新加载。加载样式文件时，若样式文件在预设的时间内加载成功，则触发样式文件加载成功事件，事件监听模块监听到样式文件加载成功事件后，触发开始加载脚本文件；若样式文件在预设的时间内加载失败，则触发样式文件加载失败事件，事件监听模块监听到样式文件加载失败事件后，在目标页面中展示加载失败或慢加载并提示用户重新加载。加载脚本文件时，若脚本文件在预设的时间内加载成功，则触发脚本文件加载成功事件，事件监听模块监听到脚本文件加载成功事件后，触发开始加载静态页面内容；若脚本文件在预设的时间内加载失败，则触发脚本文件加载失败事件，事件监听模块监听到脚本文件加载失败事件后，在目标页面中展示加载失败或慢加载并提示用户重新加载。当加载静态页面内容时，若静态页面内容在预设的时间内加载成功，则触发静态页面内容加载成功事件，事件监听模块监听到静态页面内容加载成功事件后，触发开始加载动态资源；若静态页面内容在预设的时间内加载失败，则触发静态页面内容加载失败事件，事件监听模块监听到静态页面内容加载失败事件后，在目标页面中展示加载失败或慢加载并提示用户重新加载。当静态资源加载完成后，触发获取动态资源事件，事件监听模块监听到获取动态资源事件后，触发动态资源的获取和加载，加载完成后，为用户展示完整的目标页面。
另外，除了上述触发事件来加载不同状态的目标页面之外，还可以根据当前的网速，预测目标页面完全加载成功的时间，根据目标页面完全加载成功的时间，确定加载各子静态资源的时长，根据各子静态资源的加载顺序及各子静态资源的时长，依次加载各子静态资源，以展示加载不同子静态资源时处于不同状态的目标页面。
具体的，检测当前的网速，根据检测到的网速，预测从加载静态资源开始到加载动态资源完成所需的总时间。根据预测的总时间，确定展示加载不同子静态资源时处于不同状态的所述目标页面的时长，即，确定加载不同子静态资源的时长。根据各子静态资源的加载顺序及加载不同子静态资源时处于不同状态的所述目标页面的时长，依次加载各子静态资源，以展示加载不同子静态资源时处于不同状态的目标页面。
例如，当预测从加载静态资源开始到加载动态资源完成所需的总时间为5s，需要加载四个子静态资源和加载动态资源，也就是说，目标页面加载完成共需要5个阶段。所以每个阶段加载资源的时长可以为1s。
以上为本说明书实施例提供的页面加载方法，基于同样的思路，本说明书还提供了相应的装置、存储介质和电子设备。
图8为本说明书实施例提供的一种页面加载装置的结构示意图，所述装置包括：
发送模块801，用于发送针对目标页面的页面访问请求；
第一获取模块802，用于获取加载所述目标页面所需的静态资源，所述静态资源由至少两个预先配置的子静态资源构成；
解析模块803，用于对所述静态资源进行解析，得到各子静态资源；
确定模块804，用于根据解析得到的各子静态资源，确定所述各子静态资源的加载顺序；
加载模块805，用于按照各子静态资源的加载顺序，依次加载所述各子静态资源，以展示加载不同子静态资源时处于不同状态的所述目标页面；
第二获取模块806，用于当所述静态资源加载完成后，获取加载所述目标页面所需的动态资源；
展示模块807，用于通过加载所述动态资源，展示最终状态的所述目标页面。
可选地，所述静态资源包括：主文档文件、样式文件、脚本文件和静态页面内容；
所述主文档文件包括：页面加载的相关配置和页面加载过程中涉及的主要模块的初始代码文件；
所述样式文件是指页面中显示样式的代码文件；
所述脚本文件是指页面中显示的组件的代码文件；
各子静态资源的执行顺序由先到后为：主文档文件、样式文件、脚本文件和静态页面内容。
可选地，所述加载模块805具体用于，在加载所述主文档文件的过程中，在所述目标页面中展示预先配置的所述目标页面的页面标识，所述页面标识包括：页面标题和页面图形标志；
加载所述主文档文件后，在加载所述样式文件的过程中，在所述目标页面中展示预先配置的页面背景色；
加载所述样式文件后，在加载所述脚本文件的过程中，在所述目标页面中展示所述目标页面的页面框架；
加载所述脚本文件后，在加载所述静态页面内容的过程中，在所述目标页面中展示所述目标页面的页面组件。
可选地，所述加载模块805具体用于，检测当前的网速；
根据所述网速，预测从加载所述静态资源开始到加载所述动态资源完成所需的总时间；
根据所述总时间，确定展示加载不同子静态资源时处于不同状态的所述目标页面的时长；
根据各子静态资源的加载顺序及加载不同子静态资源时处于不同状态的所述目标页面的时长，依次加载所述各子静态资源，以展示加载不同子静态资源时处于不同状态的所述目标页面。
本说明书还提供了一种计算机可读存储介质，所述存储介质存储有计算机程序，所述计算机程序被处理器执行时可用于执行上述图1提供的页面加载方法。
基于图1所示的运动轨迹的预测方法，本说明书实施例还提供了图9所示的无人设备的结构示意图。如图9，在硬件层面，该无人设备包括处理器、内部总线、网络接口、内存以及非易失性存储器，当然还可能包括其他业务所需要的硬件。处理器从非易失性存储器中读取对应的计算机程序到内存中然后运行，以实现上述图1所述的页面加载方法。
当然，除了软件实现方式之外，本说明书并不排除其他实现方式，比如逻辑器件抑或软硬件结合的方式等等，也就是说以下处理流程的执行主体并不限定于各个逻辑单元，也可以是硬件或逻辑器件。
在20世纪90年代，对于一个技术的改进可以很明显地区分是硬件上的改进(例如，对二极管、晶体管、开关等电路结构的改进)还是软件上的改进(对于方法流程的改进)。然而，随着技术的发展，当今的很多方法流程的改进已经可以视为硬件电路结构的直接改进。设计人员几乎都通过将改进的方法流程编程到硬件电路中来得到相应的硬件电路结构。因此，不能说一个方法流程的改进就不能用硬件实体模块来实现。例如，可编程逻辑器件(Programmable Logic Device,PLD)(例如现场可编程门阵列(Field Programmable GateArray，FPGA))就是这样一种集成电路，其逻辑功能由用户对器件编程来确定。由设计人员自行编程来把一个数字***“集成”在一片PLD上，而不需要请芯片制造厂商来设计和制作专用的集成电路芯片。而且，如今，取代手工地制作集成电路芯片，这种编程也多半改用“逻辑编译器(logic compiler)”软件来实现，它与程序开发撰写时所用的软件编译器相类似，而要编译之前的原始代码也得用特定的编程语言来撰写，此称之为硬件描述语言(Hardware Description Language，HDL)，而HDL也并非仅有一种，而是有许多种，如ABEL(Advanced Boolean Expression Language)、AHDL(Altera Hardware DescriptionLanguage)、Confluence、CUPL(Cornell University Programming Language)、HDCal、JHDL(Java Hardware Description Language)、Lava、Lola、MyHDL、PALASM、RHDL(RubyHardware Description Language)等，目前最普遍使用的是VHDL(Very-High-SpeedIntegrated Circuit Hardware Description Language)与Verilog。本领域技术人员也应该清楚，只需要将方法流程用上述几种硬件描述语言稍作逻辑编程并编程到集成电路中，就可以很容易得到实现该逻辑方法流程的硬件电路。
控制器可以按任何适当的方式实现，例如，控制器可以采取例如微处理器或处理器以及存储可由该(微)处理器执行的计算机可读程序代码(例如软件或固件)的计算机可读介质、逻辑门、开关、专用集成电路(Application Specific Integrated Circuit，ASIC)、可编程逻辑控制器和嵌入微控制器的形式，控制器的例子包括但不限于以下微控制器：ARC 625D、Atmel AT91SAM、Microchip PIC18F26K20以及Silicone Labs C8051F320，存储器控制器还可以被实现为存储器的控制逻辑的一部分。本领域技术人员也知道，除了以纯计算机可读程序代码方式实现控制器以外，完全可以通过将方法步骤进行逻辑编程来使得控制器以逻辑门、开关、专用集成电路、可编程逻辑控制器和嵌入微控制器等的形式来实现相同功能。因此这种控制器可以被认为是一种硬件部件，而对其内包括的用于实现各种功能的装置也可以视为硬件部件内的结构。或者甚至，可以将用于实现各种功能的装置视为既可以是实现方法的软件模块又可以是硬件部件内的结构。
上述实施例阐明的***、装置、模块或单元，具体可以由计算机芯片或实体实现，或者由具有某种功能的产品来实现。一种典型的实现设备为计算机。具体的，计算机例如可以为个人计算机、膝上型计算机、蜂窝电话、相机电话、智能电话、个人数字助理、媒体播放器、导航设备、电子邮件设备、游戏控制台、平板计算机、可穿戴设备或者这些设备中的任何设备的组合。
为了描述的方便，描述以上装置时以功能分为各种单元分别描述。当然，在实施本说明书时可以把各单元的功能在同一个或多个软件和/或硬件中实现。
本领域内的技术人员应明白，本说明书的实施例可提供为方法、***、或计算机程序产品。因此，本说明书可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本说明书可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本说明书是参照根据本说明书实施例的方法、设备(***)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
在一个典型的配置中，计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。
内存可能包括计算机可读介质中的非永久性存储器，随机存取存储器(RAM)和/或非易失性内存等形式，如只读存储器(ROM)或闪存(flash RAM)。内存是计算机可读介质的示例。
计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带，磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。按照本文中的界定，计算机可读介质不包括暂存电脑可读媒体(transitory media)，如调制的数据信号和载波。
还需要说明的是，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、商品或者设备中还存在另外的相同要素。
本领域技术人员应明白，本说明书的实施例可提供为方法、***或计算机程序产品。因此，本说明书可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且，本说明书可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本说明书可以在由计算机执行的计算机可执行指令的一般上下文中描述，例如程序模块。一般地，程序模块包括执行特定任务或实现特定抽象数据类型的例程、程序、对象、组件、数据结构等等。也可以在分布式计算环境中实践本说明书，在这些分布式计算环境中，由通过通信网络而被连接的远程处理设备来执行任务。在分布式计算环境中，程序模块可以位于包括存储设备在内的本地和远程计算机存储介质中。
本说明书中的各个实施例均采用递进的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于***实施例而言，由于其基本相似于方法实施例，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。
以上所述仅为本说明书的实施例而已，并不用于限制本说明书。对于本领域技术人员来说，本说明书可以有各种更改和变化。凡在本说明书的精神和原理之内所作的任何修改、等同替换、改进等，均应包含在本说明书的权利要求范围之内。
Claims (10)
1.一种页面加载方法，其特征在于，包括：
发送针对目标页面的页面访问请求；
获取加载所述目标页面所需的静态资源，所述静态资源由至少两个预先配置的子静态资源构成；
对所述静态资源进行解析，得到各子静态资源；
根据解析得到的各子静态资源，确定所述各子静态资源的加载顺序；
按照各子静态资源的加载顺序，依次加载所述各子静态资源，以展示加载不同子静态资源时处于不同状态的所述目标页面；
当所述静态资源加载完成后，获取加载所述目标页面所需的动态资源；
通过加载所述动态资源，展示最终状态的所述目标页面。
2.如权利要求1所述的方法，其特征在于，所述静态资源包括：主文档文件、样式文件、脚本文件和静态页面内容；
所述主文档文件包括：页面加载的相关配置和页面加载过程中涉及的主要模块的初始代码文件；
所述样式文件是指页面中显示样式的代码文件；
所述脚本文件是指页面中显示的组件的代码文件；
各子静态资源的执行顺序由先到后为：主文档文件、样式文件、脚本文件和静态页面内容。
3.如权利要求2所述的方法，其特征在于，在加载所述主文档文件的过程中，展示所述目标页面，具体包括：
在所述目标页面中展示预先配置的所述目标页面的页面标识，所述页面标识包括：页面标题和页面图形标志。
4.如权利要求2所述的方法，其特征在于，加载所述主文档文件后，在加载所述样式文件的过程中，展示所述目标页面，具体包括：
在所述目标页面中展示预先配置的页面背景色。
5.如权利要求2所述的方法，其特征在于，加载所述样式文件后，在加载所述脚本文件的过程中，展示所述目标页面，具体包括：
在所述目标页面中展示所述目标页面的页面框架。
6.如权利要求2所述的方法，其特征在于，加载所述脚本文件后，在加载所述静态页面内容的过程中，展示所述目标页面，具体包括：
在所述目标页面中展示所述目标页面的页面组件。
7.如权利要求1所述的方法，其特征在于，按照各子静态资源的加载顺序，依次加载所述各子静态资源，以展示加载不同子静态资源时处于不同状态的所述目标页面，具体包括：
检测当前的网速；
根据所述网速，预测从加载所述静态资源开始到加载所述动态资源完成所需的总时间；
根据所述总时间，确定展示加载不同子静态资源时处于不同状态的所述目标页面的时长；
根据各子静态资源的加载顺序及加载不同子静态资源时处于不同状态的所述目标页面的时长，依次加载所述各子静态资源，以展示加载不同子静态资源时处于不同状态的所述目标页面。
8.一种页面加载装置，其特征在于，包括：
发送模块，用于发送针对目标页面的页面访问请求；
第一获取模块，用于获取加载所述目标页面所需的静态资源，所述静态资源由至少两个预先配置的子静态资源构成；
解析模块，用于对所述静态资源进行解析，得到各子静态资源；
确定模块，用于根据解析得到的各子静态资源，确定所述各子静态资源的加载顺序；
加载模块，用于按照各子静态资源的加载顺序，依次加载所述各子静态资源，以展示加载不同子静态资源时处于不同状态的所述目标页面；
第二获取模块，用于当所述静态资源加载完成后，获取加载所述目标页面所需的动态资源；
展示模块，用于通过加载所述动态资源，展示最终状态的所述目标页面。
9.一种计算机可读存储介质，其特征在于，所述存储介质存储有计算机程序，所述计算机程序被处理器执行时实现上述权利要求1-7任一项所述的方法。
10.一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，其特征在于，所述处理器执行所述程序时实现上述权利要求1-7任一项所述的方法。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202011476159.2A CN112579938B (zh) | 2020-12-14 | 2020-12-14 | 一种页面加载方法、装置、存储介质及电子设备 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202011476159.2A CN112579938B (zh) | 2020-12-14 | 2020-12-14 | 一种页面加载方法、装置、存储介质及电子设备 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN112579938A true CN112579938A (zh) | 2021-03-30 |
| CN112579938B CN112579938B (zh) | 2024-07-23 |
Family
ID=75135277
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202011476159.2A Active CN112579938B (zh) | 2020-12-14 | 2020-12-14 | 一种页面加载方法、装置、存储介质及电子设备 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN112579938B (zh) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN114896542A (zh) * | 2022-05-31 | 2022-08-12 | 北京字节跳动网络技术有限公司 | 页面资源预取方法、装置、介质及电子设备 |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20040143668A1 (en) * | 2000-11-27 | 2004-07-22 | Dorte Falk | Method for loading, storing and presenting web pages |
| KR20090046505A (ko) * | 2007-11-06 | 2009-05-11 | 주식회사 케이티프리텔 | 모바일 인터넷 브라우저에서 웹 페이지 로딩 진행 정보출력 방법 및 이를 위한 무선통신 단말 |
| CN106874023A (zh) * | 2015-12-14 | 2017-06-20 | 腾讯科技（深圳）有限公司 | 动态页面加载方法和装置 |
| CN111143725A (zh) * | 2019-11-15 | 2020-05-12 | 北京字节跳动网络技术有限公司 | 页面生成方法、装置和电子设备 |
| CN111796824A (zh) * | 2020-06-29 | 2020-10-20 | 平安普惠企业管理有限公司 | 页面加载方法、装置、服务器及介质 |
-
2020
- 2020-12-14 CN CN202011476159.2A patent/CN112579938B/zh active Active
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20040143668A1 (en) * | 2000-11-27 | 2004-07-22 | Dorte Falk | Method for loading, storing and presenting web pages |
| KR20090046505A (ko) * | 2007-11-06 | 2009-05-11 | 주식회사 케이티프리텔 | 모바일 인터넷 브라우저에서 웹 페이지 로딩 진행 정보출력 방법 및 이를 위한 무선통신 단말 |
| CN106874023A (zh) * | 2015-12-14 | 2017-06-20 | 腾讯科技（深圳）有限公司 | 动态页面加载方法和装置 |
| CN111143725A (zh) * | 2019-11-15 | 2020-05-12 | 北京字节跳动网络技术有限公司 | 页面生成方法、装置和电子设备 |
| CN111796824A (zh) * | 2020-06-29 | 2020-10-20 | 平安普惠企业管理有限公司 | 页面加载方法、装置、服务器及介质 |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN114896542A (zh) * | 2022-05-31 | 2022-08-12 | 北京字节跳动网络技术有限公司 | 页面资源预取方法、装置、介质及电子设备 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN112579938B (zh) | 2024-07-23 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| KR102179149B1 (ko) | 페이지 컴포넌트 동적 레이아웃 | |
| CN109189682B (zh) | 一种脚本录制方法和装置 | |
| CN111639289A (zh) | 一种网页加载方法及装置 | |
| CN107609437B (zh) | 一种目标图形码识别方法和装置 | |
| CN107066519B (zh) | 一种任务检测方法及装置 | |
| CN105824830B (zh) | 一种显示页面的方法、客户端及设备 | |
| CN109684573B (zh) | 目标图片显示方法及装置、存储介质、电子设备 | |
| CN110496395B (zh) | 一种针对虚幻引擎的组件运行方法、***及设备 | |
| WO2018130085A1 (zh) | 一种页面展示方法及装置 | |
| CN112364277A (zh) | 一种网页加载方法及装置 | |
| CN112631679A (zh) | 一种微应用的预加载方法及装置 | |
| CN107479868B (zh) | 一种界面加载方法、装置及设备 | |
| CN110780939B (zh) | 加载资源文件的方法、装置、计算机设备及存储介质 | |
| CN111240788A (zh) | 一种小程序页面的生成方法、装置及设备 | |
| CN112559934A (zh) | 一种页面弹窗显示方法及装置 | |
| CN111881393A (zh) | 一种页面渲染方法、装置、介质及电子设备 | |
| CN111625290B (zh) | 一种Android平台下布局文件预加载方法、装置及电子设备 | |
| CN113360385A (zh) | 一种测试方法、装置、设备及介质 | |
| CN110602163B (zh) | 文件上传方法及装置 | |
| CN112579938A (zh) | 一种页面加载方法、装置、存储介质及电子设备 | |
| CN110837446A (zh) | 应用于嵌入式***的设备管理方法及装置、介质以及嵌入式设备 | |
| CN111008050B (zh) | 页面任务执行方法、装置、终端及存储介质 | |
| CN108268298B (zh) | 桌面图标的生成方法、装置、存储介质及电子设备 | |
| CN111538667A (zh) | 一种页面测试的方法及装置 | |
| CN111046308A (zh) | 一种页面加载方法及装置 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant |