一种确定页面渲染完成的方法、装置及电子设备制造方法及图纸

技术编号:34613297 阅读:30 留言:0更新日期:2022-08-20 09:19
本公开关于一种确定页面渲染完成的方法、装置及电子设备,涉及网络技术领域,能够提高确定页面渲染完成的时间节点的准确度,以准确地确定页面的加载速度。包括:基于待加载的目标页面的第一边构建第一数组,第一数组中的数据位置与目标页面第一边包括的像素相对应;基于目标页面的第二边构建第二数组,第二数组中的数据位置与目标页面第二边包括的像素相对应;在检测到目标页面中显示有目标内容的情况下,通过目标标识填充第一数组和第二数组中,目标内容所在像素对应的数据位置;在第一数组和第二数组中包括的目标标识的占比大于或等于预设占比的情况下,确定目标页面渲染完成。本公开应用于页面渲染的场景中。本公开应用于页面渲染的场景中。本公开应用于页面渲染的场景中。

【技术实现步骤摘要】
一种确定页面渲染完成的方法、装置及电子设备


[0001]本公开涉及网络
,尤其涉及一种确定页面渲染完成的方法、装置及电子设备。

技术介绍

[0002]对应用程序(Application,APP)的性能进行优化,在APP开发的过程中是十分重要的环节,而其中准确的确定APP页面的加载速度,对用户的使用体验具有十分明显的影响。准确的确定页面是否渲染完成(即准确的确定页面渲染完成的时间节点),是准确的确定页面完成加载所需要的加载时长中的重要因素。当前确定页面渲染完成的时间节点,是通过使用页面加载过程中对应的页面容器回调方法确定的时间节点,即将接收到网络请求的返回数据对应的时间点确定为页面渲染完成的时间节点。
[0003]在上述方法中,由于页面所展示的内容,都依赖于网络请求的返回数据,而通过上述方法所确定的时间节点都是网络请求返回数据的时间节点。在这种情况下,由于接收到返回数据之后,还需要进行数据处理才能在页面中显示对应的内容,因此所确定的时间节点对应的页面并没有真正意义的渲染完成,只是基本的页面容器加载完成(并未在页面中显示具体的内容)。本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种确定页面渲染完成的方法,其特征在于,所述方法包括:基于待加载的目标页面的第一边构建第一数组,所述第一数组中的数据长度与所述第一边对应的像素数量相匹配,所述第一数组中的数据位置与所述目标页面第一边包括的像素相对应;基于所述目标页面的第二边构建第二数组,所述第二数组中的数据长度与所述第二边对应的像素数量相匹配,所述第二数组中的数据位置与所述目标页面第二边包括的像素相对应,所述第二边与所述第一边相邻;在检测到所述目标页面中显示有目标内容的情况下,通过目标标识填充所述第一数组和所述第二数组中,所述目标内容所在像素对应的数据位置;在所述第一数组和所述第二数组中包括的所述目标标识的占比大于或等于预设占比的情况下,确定所述目标页面渲染完成。2.根据权利要求1所述的方法,其特征在于,所述在检测到所述目标页面中显示有目标内容的情况下,通过目标标识填充所述第一数组和所述第二数组中,所述目标内容所在像素对应的数据位置,包括:在所述目标页面的加载过程中,每经过预设次数的帧刷新,检测一次所述目标页面中显示的所述目标内容;或者,每经过预设时长,检测一次所述目标页面中显示的所述目标内容;当检测到所述目标页面中目标像素的位置被填充有所述目标内容的情况下,将所述第一数组和所述第二数组中与所述目标像素的坐标点对应的数据位置填充为所述目标标识;所述目标内容包括以下至少一项:图片、视频、文本、控件、占位框。3.根据权利要求2所述的方法,其特征在于,所述在所述目标页面的加载过程中,所述目标页面每经过预设次数的帧刷新,检测一次所述目标页面中显示的所述目标内容,包括:在所述目标页面的加载过程中,当所述目标页面经过所述预设次数的帧刷新,且所述预设次数的帧刷新所消耗的时长大于或等于第一预设时长、小于或等于第二预设时长,检测所述目标页面中显示的所述目标内容,所述第一预设时长小于所述第二预设时长;所述方法还包括:在所述目标页面的加载过程中,当所述目标页面经过所述预设次数的帧刷新,且所述预设次数的帧刷新所消耗的时长小于所述第一预设时长,所述目标页面继续进行第一目标次数的帧刷新,当所述预设次数的帧刷新和所述第一目标次数的帧刷新所消耗的总时长大于或等于所述第一预设时长时,检测所述目标页面中显示的所述目标内容;在所述目标页面的加载过程中,当所述目标页面经过第二目标次数的帧刷新,且所述第二目标次数的帧刷新所消耗的时长大于所述第二预设时长、所述第二目标次数小于预设次数时,检测所述目标页面中显示的所述目标内容。4.根据权利要求1所述的方法,其特征在于,所述在检测到所述目标页面中显示有目标内容的情况下,通过目标标识填充所述第一数组和...

【专利技术属性】
技术研发人员:肖霆
申请(专利权)人:北京达佳互联信息技术有限公司
类型:发明
国别省市:

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

1