一种兼容性检测方法、装置、存储介质及电子设备制造方法及图纸

本说明书公开了一种兼容性检测方法、装置、存储介质及电子设备，在页面加载过程中，可先加载页面的主体框架。之后，分别生成每种图像压缩格式对应的检测像素块，并分别将各图像压缩格式对应的检测像素块加载到该页面的主体框架中进行渲染。最后，根据各图像压缩格式对应的检测像素块在该终端中的渲染结果，确定该图像压缩格式与该终端的兼容性，并加载与该终端兼容的图像压缩格式的图像。通过在页面的主体框架中加载各图像压缩格式的检测像素块并渲染，根据渲染结果确定该终端与各图像压缩格式的兼容性，进而加载与该终端兼容的图像压缩格式的图像。避免了页面加载过程中由于不兼容所导致的页面加载失败，提升了用户体验，同时节省了网络带宽。时节省了网络带宽。时节省了网络带宽。

【技术实现步骤摘要】
一种兼容性检测方法、装置、存储介质及电子设备


[0001]本申请涉及互联网
，尤其涉及一种兼容性检测方法、装置、存储介质及电子设备。

技术介绍

[0002]目前，用户访问网页时，终端可先加载页面的主体框架，之后再异步加载页面中各页面元素，以减少用户等待时长。
[0003]其中，当页面元素为图像时，为了提高页面加载速度，通常加载采用进行压缩后的图像压缩格式的图像，如，加载压缩后的webp格式的图像。但由于每种图像压缩格式均存在与之不兼容的终端类型，当终端与加载的图像压缩格式不兼容时，则会导致页面加载失败，用户体验较差。
[0004]因此现有技术在异步加载图像时，终端可向对应服务器发送携带终端标识的图像加载请求。之后，该服务器可根据该加载请求的请求头中携带的终端标识，以及预先存储的各终端类型与图像压缩格式的兼容关系，确定并下发与该终端兼容的图像压缩格式的图像数据。
[0005]但是，由于图像压缩格式的种类众多，且市面上的终端类型层出不穷，分别配置各种图像压缩格式与各终端类型之间的兼容关系，工程量较大。因此在不配置兼容关系的情况下，如何避免不兼容导致的页面加载失败，成为亟需解决的问题。

技术实现思路

[0006]本说明书实施例提供一种兼容性检测方法、装置、存储介质及电子设备，用于部分解决现有技术中的问题。
[0007]本说明书实施例采用下述技术方案：
[0008]本说明书提供的一种兼容性检测方法，包括：
[0009]加载页面的主体框架；
[0010]针对待检测的每种图像压缩格式，生成该图像压缩格式对应的检测像素块；
[0011]将该图像压缩格式对应的检测像素块加载到所述主体框架中，并进行渲染；
[0012]判断该图像压缩格式对应的检测像素块是否渲染成功；
[0013]若是，确定该图像压缩格式与终端兼容；
[0014]若否，确定该图像压缩格式与终端不兼容。
[0015]可选地，将该图像压缩格式对应的检测像素块加载到所述主体框架中，并进行渲染，具体包括：
[0016]将该图像压缩格式对应的检测像素块加载到所述主体框架中；
[0017]在离屏画布中，对加载完成的所述主体框架以及所述检测像素块进行渲染。
[0018]可选地，判断该图像压缩格式对应的检测像素块是否渲染成功，具体包括：
[0019]确定该图像压缩格式对应的检测像素块，在所述页面对应的文档对象模型中的元
素节点；
[0020]根据所述元素节点的属性信息，判断该图像压缩格式对应的检测像素块是否渲染成功。
[0021]可选地，所述元素节点的属性信息至少包含所述元素节点的宽高值。
[0022]可选地，当确定该图像压缩格式与终端兼容时，所述方法还包括：
[0023]针对所述页面中的待渲染图像，获取该图像压缩格式的待渲染图像，并根据该图像压缩格式的待渲染图像，进行页面渲染。
[0024]可选地，当确定该图像压缩格式与终端不兼容时，所述方法还包括：
[0025]针对所述页面中的待渲染图像，获取默认格式的待渲染图像，并根据所述默认格式的待渲染图像，进行页面渲染。
[0026]可选地，所述检测像素块为透明像素块，和/或所述检测像素块为单位像素大小。
[0027]本说明书提供一种兼容性检测装置，包括：
[0028]加载模块，配置为加载页面的主体框架；
[0029]生成模块，配置为针对待检测的每种图像压缩格式，生成该图像压缩格式对应的检测像素块；
[0030]渲染模块，配置为将该图像压缩格式对应的检测像素块加载到所述主体框架中，并进行渲染；
[0031]判断模块，配置为判断该图像压缩格式对应的检测像素块是否渲染成功，若是，确定该图像压缩格式与终端兼容，若否，确定该图像压缩格式与终端不兼容。
[0032]本说明书提供的一种计算机可读存储介质，所述存储介质存储有计算机程序，所述计算机程序被处理器执行时实现上述兼容性检测方法。
[0033]本说明书提供的一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现上述兼容性检测方法。
[0034]本说明书实施例采用的上述至少一个技术方案能够达到以下有益效果：
[0035]在本说明书中，在页面加载过程中，可先加载页面的主体框架。之后，分别生成每种图像压缩格式对应的检测像素块，并分别将各图像压缩格式对应的检测像素块加载到该页面的主体框架中进行渲染。最后，根据各图像压缩格式对应的检测像素块在该终端中的渲染结果，确定该图像压缩格式与该终端的兼容性，并加载与该终端兼容的图像压缩格式的图像。通过在页面的主体框架中加载各图像压缩格式的检测像素块并进行渲染，根据渲染结果确定该终端与各图像压缩格式的兼容性，进而加载与该终端兼容的图像压缩格式的图像。避免了页面加载过程中由于不兼容所导致的页面加载失败，提升了用户体验，同时节省了网络带宽。
附图说明
[0036]此处所说明的附图用来提供对本申请的进一步理解，构成本申请的一部分，本申请的示意性实施例及其说明用于解释本申请，并不构成对本申请的不当限定。在附图中：
[0037]图1为本说明书实施例提供的一种兼容性检测方法的流程示意图；
[0038]图2为本说明书实施例提供的页面加载的各设备之间的交互示意图；
[0039]图3为本说明书实施例提供的一种兼容性检测装置的结构示意图；
[0040]图4为本说明书实施例提供的实现兼容性检测方法的电子设备示意图。
具体实施方式
[0041]为使本说明书的目的、技术方案和优点更加清楚，下面将结合本说明书具体实施例及相应的附图对本申请技术方案进行清楚、完整地描述。显然，所描述的实施例仅是本申请一部分实施例，而不是全部的实施例。基于说明书中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。
[0042]为了提高页面加载速度，现有技术在获取页面数据时，通常获取压缩后数据量较小的图像压缩格式，如webp格式。但由于图像压缩格式的图像并非兼容于所有终端类型以及所有浏览器版本，当加载的图像压缩格式与终端不兼容时，会导致该终端页面加载失败，影响用户体验。
[0043]而目前对于不同终端，返回不同图像压缩格式的图像数据的方式，需要基于终端类型的不断更新而实时配置，工程量较大。
[0044]基于上述存在的技术问题，本说明书提供一种兼容性检测方法，在页面加载过程中，可先对各图像压缩格式与终端进行兼容性检测，之后再加载与终端兼容，且压缩后的数据量较少的图像数据。以下结合附图，详细说明本申请各实施例提供的技术方案。
[0045]图1为本说明书实施例提供的一种兼容性检测方法的流程示意图，具体可包括以下步骤：
[0046]S100：加载页面的主体框架。
[0本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种兼容性检测方法，其特征在于，包括：加载页面的主体框架；针对待检测的每种图像压缩格式，生成该图像压缩格式对应的检测像素块；将该图像压缩格式对应的检测像素块加载到所述主体框架中，并进行渲染；判断该图像压缩格式对应的检测像素块是否渲染成功；若是，确定该图像压缩格式与终端兼容；若否，确定该图像压缩格式与终端不兼容。2.如权利要求1所述的方法，其特征在于，将该图像压缩格式对应的检测像素块加载到所述主体框架中，并进行渲染，具体包括：将该图像压缩格式对应的检测像素块加载到所述主体框架中；在离屏画布中，对加载完成的所述主体框架以及所述检测像素块进行渲染。3.如权利要求1所述的方法，其特征在于，判断该图像压缩格式对应的检测像素块是否渲染成功，具体包括：确定该图像压缩格式对应的检测像素块，在所述页面对应的文档对象模型中的元素节点；根据所述元素节点的属性信息，判断该图像压缩格式对应的检测像素块是否渲染成功。4.如权利要求3所述的方法，其特征在于，所述元素节点的属性信息至少包含所述元素节点的宽高值。5.如权利要求1所述的方法，其特征在于，当确定该图像压缩格式与终端兼容时，所述方法还包括：针对所述页面中的待渲染图像，获取该图像压缩格式的待渲染图像，...

【专利技术属性】
技术研发人员：刘希呈，
申请(专利权)人：北京三快在线科技有限公司，
类型：发明
国别省市：