[发明专利]一种背景区域生成方法、装置、电子设备及存储介质

说明书

本发明实施例提供了一种背景区域生成方法、装置、电子设备及存储介质，该方法包括：获取待展示页面中被提示区域的具体内容区域的位置信息和具体内容区域的尺寸信息；获取待展示页面的尺寸信息，基于待展示页面的尺寸信息、待展示页面的位置信息和具体内容区域的尺寸信息，确定背景区域的尺寸信息、背景区域中的空白区域的位置信息和空白区域的尺寸信息；基于背景区域的尺寸信息、空白区域的位置信息和空白区域的尺寸信息，生成包括空白区域的背景区域。通过生成包括空白区域的背景区域，使得待展示页面中被提示区域的具体内容区域可以在空白区域中进行展示，避免复制具体内容区域对网站性能的影响，提高对网站的维护效率，降低维护成本。

技术领域

本发明涉及计算机技术领域，特别是涉及一种背景区域生成方法、装置、电子设备及存储介质。

背景技术

目前，在各个网站的页面进行改版后，通常都会对用户进行引导，以便用户更快的了解如何使用新版的网站页面，例如，如图1a所示，假设一个页面包括被提示区域110，提示区域120和背景区域130。通过在提示区域120中显示提示内容140，可以实现对被提示区域110的说明，从而可以方便用户及时了解新版的网站页面。

该被提示区域110、提示区域120和背景区域130分别位于不同的图层，例如，提示区域120位于顶层图层，被提示区域110位于底层图层，背景区域130位于顶层图层和底层图层之间，这样，可以使得用户在打开该页面并点击时，先浏览提示区域120中的提示内容140，在浏览完成提示区域120中的提示内容140后，该提示区域120和背景区域130消失，才可以对页面中的被提示区域110和其他与该被提示区域110位于同一图层的内容进行操作，例如，显示图1b所示的被提示区域110的具体内容区域。

为了使得能够显示出该被提示区域110中的具体内容区域，在现有技术中通常是将该被提示区域110中的具体内容区域进行复制，然后在背景区域130和提示区域120之间增加一个图层，并在该增加的图层中与该被提示区域110中的具体内容区域的位置相同的位置，粘贴该复制的具体内容区域。

然而，发明人发现，这样会使得客户端在加载该页面时，需要加载一次被提示区域110中的具体内容区域，然后再加载一次该复制的具体内容区域，从而使得相同的内容加载两次，降低了网站性能，并且，由于复制了该具体内容区域并进行了粘贴，使得该粘贴的具体内容区域容易和原页面中的内容混淆，从而造成网站后期维护成本增加，降低了网站维护效率。

发明内容

本发明实施例的目的在于提供一种背景区域生成方法、装置、电子设备及存储介质，以实现避免复制具体内容区域对网站性能的影响，提高对网站的维护效率，降低维护成本。具体技术方案如下：

第一方面，本发明实施例提供了一种背景区域生成方法，该方法包括：

获取待展示页面中被提示区域的具体内容区域的位置信息和具体内容区域的尺寸信息；

获取待展示页面的尺寸信息，基于待展示页面的尺寸信息、待展示页面的位置信息和具体内容区域的尺寸信息，确定背景区域的尺寸信息、背景区域中的空白区域的位置信息和空白区域的尺寸信息；

基于背景区域的尺寸信息、空白区域的位置信息和空白区域的尺寸信息，生成包括空白区域的背景区域，以使得在背景区域中的空白区域，显示待展示页面中被提示区域的具体内容区域。

可选的，基于背景区域的尺寸信息、空白区域的位置信息和空白区域的尺寸信息，生成包括空白区域的背景区域，包括：

基于空白区域尺寸信息、空白区域的位置信息以及背景区域尺寸信息，确定空白区域左侧至背景区域左侧的第一距离、空白区域右侧至背景区域右侧的第二距离、空白区域上侧至背景区域上侧的第三距离以及空白区域下侧至背景区域下侧的第四距离；

基于第一距离、第二距离、第三距离、第四距离以及背景区域的尺寸信息，生成包括空白区域的背景区域。