[发明专利]开发网页的校验方法、装置、电子设备及计算机可读介质

说明书

本公开实施例提供了一种开发网页的校验方法、装置、电子设备及计算机可读介质，包括：通过浏览器加载开发网页并显示开发网页的加载图像；获取开发网页的设计图像；将设计图像的透明化图像覆盖在加载图像的上层显示，以呈现加载图像与透明化图像的比对效果；透明化图像为在设计图像的基础上设置透明度得到的图像。在本公开实施例中，在对开发网页图进行校验时，可以通过开发网页图与设计图的透明化图像的比对效果确定出差异点，此时即使开发网涉及的组件、以及文字和插图较多，也可以将差异点一次性的提供给用户，可以有效的提升处理效率，节约时间成本。

技术领域

本公开涉及计算机技术领域，具体而言，本公开涉及一种开发网页的校验方法、装置、电子设备及计算机可读介质。

背景技术

开发人员在开发网页时，为了保证开发网页的质量，需要将开发网页与设计图进行比对。而开发人员在将开发网页与设计图进行比对时，需要开发人员人工对需要比对的开发网页进行逐一比。此时若开发网页的页面、涉及的组件、以及文字和插图较多，开发人员将会投入大量的精力，进而造成效率低下、时间成本较高的问题。

发明内容

提供该发明内容部分以便以简要的形式介绍构思，这些构思将在后面的具体实施方式部分被详细描述。该发明内容部分并不旨在标识要求保护的技术方案的关键特征或必要特征，也不旨在用于限制所要求的保护的技术方案的范围。

第一方面，本公开实施例提供了一种开发网页的校验方法，该方法包括：

通过浏览器加载开发网页并显示开发网页的加载图像；

获取开发网页的设计图像；

将设计图像的透明化图像覆盖在加载图像的上层显示，以呈现加载图像与透明化图像的比对效果；透明化图像为在设计图像的基础上设置透明度得到的图像。

第二方面，本公开实施例提供了一种开发网页的校验装置，该装置包括：

图像显示模块，用于通过浏览器加载开发网页并显示开发网页的加载图像；

图像获取模块，用于获取开发网页的设计图像；

图像比对模块，用于将设计图像的透明化图像覆盖在加载图像的上层显示，以呈现加载图像与透明化图像的比对效果；透明化图像为在设计图像的基础上设置透明度得到的图像。

第三方面，本公开提供了一种电子设备，该电子设备包括处理器和存储器；

存储器，用于存储计算机操作指令；

处理器，用于通过调用计算机操作指令，执行如本公开实施例的第一方面的任一实施例中所示的方法。

第四方面，本公开提供了一种计算机可读介质，该计算机可读介质存储有至少一条指令、至少一段程序、代码集或指令集，至少一条指令、至少一段程序、代码集或指令集由处理器加载并执行以实现如本公开实施例的第第一方面的任一实施例中所示的方法。

本公开实施例提供的技术方案带来的有益效果是：

在本公开实施例中，在对开发网页图进行校对时，可以获取开发网页的设计图像，并将设计图像的透明化图像覆盖在加载图像的上层显示，此时可以呈现出加载图像与透明化图像的比对效果，然后可以根据该比对效果确定出差异点，此时即使开发网涉及的组件、以及文字和插图较多，也可以将差异点一次性的提供给用户，相比于开发人员人对开网页图进行逐一比对，可以有效的提升处理效率，节约时间成本。

附图说明

结合附图并参考以下具体实施方式，本公开各实施例的上述和其他特征、优点及方面将变得更加明显。贯穿附图中，相同或相似的附图标记表示相同或相似的元素。应当理解附图是示意性的，原件和元素不一定按照比例绘制。

图1为本公开的实施例中一种开发网页的校验方法的流程示意图；