页面加载分析方法、设备及可读存储介质技术

本发明专利技术公开了一种页面加载分析方法、设备及可读存储介质，属于网页应用技术领域。本发明专利技术通过监听页面切换接口，当发生页面切换行为时，启动第一监听器和第二监听器，其中，第一监听器用于监听页面内容变化信息，第二监听器用于监听静态资源加载信息；获取页面内容变化信息发生改变引起的文档对象模型的变化率，当变化率小于变化阈值时，确定页面切换结束；判断第二监听器监听的静态资源是否加载完成；若是，则页面加载完成，输出加载完成的信息并暂停第一监听器和第二监听器；通过上述方式，控制第一监听器和第二监听器监听页面切换过程中的文档对象模型的变化情况，综合通页面切换状态和静态资源加载状态信息，准确的判断页面是否加载完成。是否加载完成。是否加载完成。

【技术实现步骤摘要】
页面加载分析方法、设备及可读存储介质


[0001]本专利技术涉及网页应用领域，尤其涉及页面加载分析方法、设备及可读存储介质。

技术介绍

[0002]针对单页应用框架而言，首次页面的加载是否完成一般是根据windows.onload事件的触发来判定，但是，对于页面跳转后的页面加载一般仅判断跳转动作，无法判断加载是否完成，导致无法判断单页应用中非首次页面切换后的页面加载问题。

技术实现思路

[0003]本专利技术的主要目的在于提供一种页面加载分析方法、设备及可读存储介质，旨在解决难以判断单页面应用非首次页面加载完成的技术问题。
[0004]为实现上述目的，本专利技术提供一种页面加载分析方法，所述页面加载分析方法包括以下步骤：监听页面切换接口，当发生页面切换行为时，启动第一监听器和第二监听器，其中，所述第一监听器用于监听页面内容变化信息，所述第二监听器用于监听静态资源加载信息；获取所述页面内容变化信息发生改变引起的文档对象模型的变化率，当所述变化率小于变化阈值时，确定所述页面切换结束；所述页面切换结束后，判断所述第二监听器监听的所述静态资源是否加载完成；若是，则所述页面加载完成，输出加载完成的信息并暂停所述第一监听器和所述第二监听器。
[0005]优选地，所述监听页面切换接口，当发生页面切换行为时，启动第一监听器和第二监听器的步骤之前，所述方法包括：判断所述第一监听器和所述第二监听器是否处于暂停状态；若是，则执行所述监听页面切换接口，当发生页面切换行为时，启动第一监听器和第二监听器的步骤。<br/>[0006]优选地，所述文档对象模型的变化率包括第一变化率和第二变化率，所述获取所述页面内容变化信息发生改变引起的文档对象模型的变化率，当所述变化率小于变化阈值时，确定所述页面切换结束的步骤，包括：当所述页面发生切换时，控制所述第一监听器监听和记录所述文档对象模型的变化率，得到第一变化率；控制所述第二监听器监听所述页面在资源加载时的所述文档对象模型的变化率，得到第二变化率；当所述第一变化率和所述第二变化率均小于变化阈值时，则所述页面切换结束。
[0007]优选地，所述控制所述第二监听器监听所述页面在资源加载时的所述文档对象模型的变化率，得到第二变化率的步骤，包括：
接收所述页面切换后的所述静态资源的加载请求；响应所述加载请求，加载所述静态资源，控制所述第二监听器监听所述文档对象模型的变化率，得到第二变化率。
[0008]优选地，所述页面切换结束后，判断所述第二监听器监听的所述静态资源是否加载完成的步骤之后，包括：若否，调整所述变化阈值，以使所述静态资源加载完成的时间处于所述页面切换结束的时间范围内。
[0009]优选地，所述若是，则所述页面加载完成，输出加载完成的信息并暂停所述第一监听器和所述第二监听器的步骤之后，包括：获取所述页面加载完成过程中的所述第一监听器记录的文档对象模型变化列表，并获取所述第二监听器记录的静态资源列表；对所述文档对象模型变化列表和所述静态资源列表进行分析计算，得到页面加载完成时间，以分析页面性能。
[0010]优选地，所述对所述文档对象模型变化列表和所述静态资源列表进行分析计算，得到页面加载完成时间，以分析页面性能的步骤，所述方法包括：获取所述页面切换开始的时间，得到初始时间；确定所述文档对象模型变化列表中所述文档对象模型的增量最大的变化时间，得到第一时间；确定所述静态资源列表中所述静态资源加载完成时间，得到第二时间；获取所述第一时间和所述第二时间之间的最大时间，则计算所述初始时间至所述最大时间的时间范围，得到所述页面加载完成时间；基于所述页面加载完成时间，以分析所述页面性能。
[0011]优选地，所述基于所述页面加载完成时间，以分析所述页面性能的步骤，所述方法包括：获取预设加载时间；比对所述页面加载完成时间和所述预设加载时间；若所述页面加载完成时间大于所述预设加载时间，则输出提醒信息，以提升所述页面性能。
[0012]此外，为实现上述目的，本专利技术还提供一种页面加载分析设备，所述页面加载分析设备包括存储器、处理器和存储在所述存储器上并可在所述处理器上运行的页面加载分析程序，所述页面加载分析程序被所述处理器执行时实现如上所述的页面加载分析方法的步骤。
[0013]此外，为实现上述目的，本申请还提供一种计算机可读存储介质，所述计算机可读存储介质上存储有页面加载分析程序，所述页面加载分析程序被处理器执行时实现如上所述的页面加载分析方法的步骤。
[0014]本专利技术页面加载分析方法，包括以下步骤：监听页面切换接口，当发生页面切换行为时，启动第一监听器和第二监听器，其中，所述第一监听器用于监听页面内容变化信息，所述第二监听器用于监听静态资源加载信息；获取所述页面内容变化信息发生改变引起的文档对象模型的变化率，当所述变化率小于变化阈值时，确定所述页面切换结束；所述页面
切换结束后，判断所述第二监听器监听的所述静态资源是否加载完成；若是，则所述页面加载完成，输出加载完成的信息并暂停所述第一监听器和所述第二监听器；通过上述方式，控制第一监听器和第二监听器监听页面切换过程中的文档对象模型的变化情况，综合通页面切换状态和静态资源加载状态信息，准确的判断页面是否加载完成。
附图说明
[0015]图1是本专利技术实施例方案涉及的硬件运行环境的页面加载分析设备的结构示意图；图2为本专利技术页面加载分析方法第一实施例的流程示意图；图3为本专利技术页面加载分析装置的细化功能模块示意图。
[0016]本专利技术目的的实现、功能特点及优点将结合实施例，参照附图做进一步说明。
具体实施方式
[0017]应当理解，此处所描述的具体实施例仅仅用以解释本专利技术，并不用于限定本专利技术。
[0018]参照图1，图1为本专利技术实施例方案涉及的硬件运行环境的页面加载分析设备结构示意图。
[0019]如图1所示，该页面加载分析设备可以包括：处理器1001，例如中央处理器（Central Processing Unit，CPU），通信总线1002、用户接口1003，网络接口1004，存储器1005。其中，通信总线1002用于实现这些组件之间的连接通信。用户接口1003可以包括显示屏（Display）、输入单元比如键盘（Keyboard），可选用户接口1003还可以包括标准的有线接口、无线接口。网络接口1004可选的可以包括标准的有线接口、无线接口（如无线保真（WIreless
‑
FIdelity，WI
‑
FI）接口）。存储器1005可以是高速的随机存取存储器（Random Access Memory，RAM）存储器，也可以是稳定的非易失性存储器（Non
‑
Volatile Memory，NVM），例如磁盘存储器。存储器1005可选的还可以是独立于前述处理器1001的存储装置。
[0020]本领域技术人员可以理解，图1中示出的结构并不构成对页面加载分析设备的限定，可以包括比图示更多或更少的部件，或者本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种页面加载分析方法，其特征在于，所述页面加载分析方法包括以下步骤：监听页面切换接口，当发生页面切换行为时，启动第一监听器和第二监听器，其中，所述第一监听器用于监听页面内容变化信息，所述第二监听器用于监听静态资源加载信息；获取所述页面内容变化信息发生改变引起的文档对象模型的变化率，当所述变化率小于变化阈值时，确定所述页面切换结束；所述页面切换结束后，判断所述第二监听器监听的所述静态资源是否加载完成；若是，则所述页面加载完成，输出加载完成的信息并暂停所述第一监听器和所述第二监听器。2.如权利要求1所述的页面加载分析方法，其特征在于，所述监听页面切换接口，当发生页面切换行为时，启动第一监听器和第二监听器的步骤之前，所述方法包括：判断所述第一监听器和所述第二监听器是否处于暂停状态；若是，则执行所述监听页面切换接口，当发生页面切换行为时，启动第一监听器和第二监听器的步骤。3.如权利要求1所述的页面加载分析方法，其特征在于，所述文档对象模型的变化率包括第一变化率和第二变化率，所述获取所述页面内容变化信息发生改变引起的文档对象模型的变化率，当所述变化率小于变化阈值时，确定所述页面切换结束的步骤，包括：当所述页面发生切换时，控制所述第一监听器监听和记录所述文档对象模型的变化率，得到第一变化率；控制所述第二监听器监听所述页面在资源加载时的所述文档对象模型的变化率，得到第二变化率；当所述第一变化率和所述第二变化率均小于变化阈值时，则所述页面切换结束。4.如权利要求3所述的页面加载分析方法，其特征在于，所述控制所述第二监听器监听所述页面在资源加载时的所述文档对象模型的变化率，得到第二变化率的步骤，包括：接收所述页面切换后的所述静态资源的加载请求；响应所述加载请求，加载所述静态资源，控制所述第二监听器监听所述文档对象模型的变化率，得到第二变化率。5.如权利要求1所述的页面加载分析方法，其特征在于，所述页面切换结束后，判断所述第二监听器监听的所述静态资源...

【专利技术属性】
技术研发人员：张晨，
申请(专利权)人：深圳市明源云科技有限公司，
类型：发明
国别省市：