页面内容加载方法、装置、设备及存储介质与流程

专利检索2025-01-07  36


本发明涉及数据加载,尤其涉及一种页面内容加载方法、装置、设备及存储介质。


背景技术:

1、img标签包括两个必需的属性,src(source,来源)属性和alt(alternate,替代)属性。src属性用于定义图像的来源(即图像的路径),而alt属性用于提供图像的替代文本,用于在图像无法显示时进行提示。

2、图像文件的地址路径存在失效的风险,比如,src属性指向的图片资源不存在,或者,src属性指向的路径出现错误,均会导致图片加载失败,此时,触发图像标签的错误事件,通过alt属性指向的替代文本,在加载失败的位置上显示替代文本的内容。但是,现有技术通常是将alt属性的替代文本定义为一段文字,用来给出加载错误提示,导致整个页面布局较差,不够美观。并且在加载失败时,会触发onerror事件,但是通过img标签的onerror事件进行src替换的缺点是一个应用中可能有很多img标签,逐个添加比较耗时耗力。


技术实现思路

1、本发明提供一种页面内容加载方法、装置、设备及存储介质,以解决现有技术中加载错误提示导致整个页面布局不够美观,以及逐个添加onerror事件比较耗时的问题。

2、一种页面内容加载方法,包括:

3、监听目标页面中的加载失败事件,并获取与所述加载失败事件对应的报错对象;

4、确定所述报错对象的对象类型,并在所述报错对象的对象类型为img类型时,获取所述报错对象的目标属性;

5、根据所述目标属性确定所述报错对象对应的报错图片类型之后,从配置中心匹配到与所述报错图片类型对应的备用地址;

6、根据所述备用地址对与所述报错对象对应的对象地址进行替换,将与所述备用地址对应的备用图片加载至所述报错对象的位置以展示在所述目标页面中。

7、一种页面内容加载装置,包括:

8、目标监听模块,用于监听目标页面中的加载失败事件,并获取与所述加载失败事件对应的报错对象;

9、类型属性模块,用于确定所述报错对象的对象类型,并在所述报错对象的对象类型为img类型时,获取所述报错对象的目标属性;

10、备用地址模块,用于根据所述目标属性确定所述报错对象对应的报错图片类型之后,从配置中心匹配到与所述报错图片类型对应的备用地址;

11、替换展示模块,用于根据所述备用地址对与所述报错对象对应的对象地址进行替换,将与所述备用地址对应的备用图片加载至所述报错对象的位置以展示在所述目标页面中。

12、一种计算机设备,包括存储器、处理器及存储在所述存储器中并可在所述处理器上运行的计算机程序,所述处理器执行所述计算机程序时实现上述所述页面内容加载方法。

13、一种计算机可读存储介质,所述计算机可读存储介质存储有计算机程序,所述计算机程序被处理器执行时实现上述所述页面内容加载方法。

14、本发明提供的页面内容加载方法、装置、设备及存储介质,通过监听目标页面中的加载失败事件,实现了对报错对象的获取,进而实现了报错对象的对象类型的确定。在报错对象的对象类型为img类型时,实现了对报错对象的目标属性的获取,进而实现了对报错图片类型的确定,以及实现了从配置中心获取备用地址。根据备用地址对对象地址进行替换,实现了对备用图片的加载,以及实现了对备用图片在目标页面中的展示。进一步地,实现了对加载失败事件的处理,提升了页面布局的美观度。



技术特征:

1.一种页面内容加载方法,其特征在于,包括:

2.如权利要求1所述的页面内容加载方法,其特征在于,所述根据所述目标属性确定所述报错对象对应的报错图片类型之后,从配置中心匹配到与所述报错图片类型对应的备用地址,包括:

3.如权利要求1所述的页面内容加载方法,其特征在于,所述根据所述备用地址对与所述报错对象对应的对象地址进行替换,将与所述备用地址对应的备用图片加载至所述报错对象的位置以展示在所述目标页面中,包括:

4.如权利要求1所述的页面内容加载方法,其特征在于,所述从配置中心匹配到与所述报错图片类型对应的备用地址之前,还包括:

5.如权利要求1所述的页面内容加载方法,其特征在于,所述根据所述目标属性确定所述报错对象对应的报错图片类型之前,还包括:

6.如权利要求1所述的页面内容加载方法,其特征在于,所述在所述报错对象的对象类型为img类型时,获取所述报错对象的目标属性,包括:

7.一种页面内容加载装置,其特征在于,包括:

8.如权利要求7所述的页面内容加载装置,其特征在于,所述替换展示模块,包括:

9.一种计算机设备,包括存储器、处理器及存储在所述存储器中并可在所述处理器上运行的计算机程序,其特征在于,所述处理器执行所述计算机程序时实现如权利要求1至6任一项所述页面内容加载方法。

10.一种计算机可读存储介质,所述计算机可读存储介质存储有计算机程序,其特征在于,所述计算机程序被处理器执行时实现如权利要求1至6任一项所述页面内容加载方法。


技术总结
本发明公开了一种页面内容加载方法、装置、设备及存储介质,该方法包括:监听目标页面中的加载失败事件,并获取报错对象;确定报错对象的对象类型,并在对象类型为img类型时,获取报错对象的目标属性;根据目标属性确定报错图片类型之后,从配置中心匹配到与报错图片类型对应的备用地址;根据备用地址对与报错对象对应的对象地址进行替换,将与备用地址对应的备用图片加载至报错对象的位置以展示在目标页面中。本发明实现了对页面全局中加载失败的监听,实现了对备用地址的获取,以及实现了将备用地址更换到报错对象的对象地址,进而实现了对备用图片的加载,实现了对加载失败事件的处理,提升了页面布局的美观度。

技术研发人员:刘杨,包卫,林跃,王家其
受保护的技术使用者:深圳市东信云科技有限公司
技术研发日:
技术公布日:2024/5/29
转载请注明原文地址:https://win.8miu.com/read-1148295.html

最新回复(0)