[发明专利]一种处理应用程序页面的方法、装置和电子设备

说明书

本说明书实施例提供一种处理应用程序页面的方法,向客户端提供长图页面信息，客户端展示第一页面，第一页面中具有固定区域和滚动区域，固定区域中具有固定元素，截取第一页面中显示的图片生成第一图片信息，配置位置信息，在发生页面滚动事件显示第二页面后，获取固定元素的滚动距离并截取第二页面中显示的图片生成第二图片信息，基于滚动距离为第二图片配置位置信息，根据图片对应的位置信息和固定元素到滚动区域边界的距离对第一、第二图片进行拼接生成待预览长图。通过自动截取页面显示的图片，利用固定区域中固定元素的滚动距离为图片配置位置信息，从而在拼接时可以计算各图片在长图中的位置，进而拼接，实现了自动处理，提高了效率。

技术领域

本申请涉及计算机领域，尤其涉及一种处理应用程序页面的方法、装置和电子设备。

背景技术

在应用程序的开发阶段，需要进行页面设计，开发时尽量还原页面设计样稿，而由于安装该应用程序的终端机型兼容性等问题，使得最终实际显示的页面样式可能会与开发预期有偏差，因此，往往需要对开发后的真实页面进行预览，以确定兼容效果。

然而，业内目前的处理方式多是手动截图生成可供预览的应用程序页面，这种方式效率较低，尤其在遇到长图时，操作过程繁琐，因此，有必要提供一种新的应用程序页面处理方法，提高对应用程序页面的处理效率。

发明内容

本说明书实施例提供一种处理应用程序页面的方法、装置和电子设备，用以提高对应用程序页面的处理效率。

本说明书实施例提供一种处理应用程序页面的方法，包括：

向客户端提供长图页面信息，使所述客户端基于所述长图页面信息生成并展示第一页面，所述第一页面中具有固定区域和滚动区域，所述固定区域中具有固定元素；

截取所述第一页面中显示的图片生成第一图片信息，并为所述第一图片配置位置信息；

在发生页面滚动事件显示第二页面后，获取所述固定元素的滚动距离并截取所述第二页面中显示的图片生成第二图片信息，基于所述滚动距离为所述第二图片配置位置信息；

根据所述第一图片、第二图片对应的位置信息和所述固定元素到所述滚动区域边界的距离对所述第一图片、第二图片进行拼接生成待预览长图。

可选地，还包括：

获取长图的长度，根据长图的长度和图片的位置信息判断是否完成图片截取任务。

可选地，还包括：

将所述第一图片、第二图片对应的位置信息上报至预览系统；

所述根据所述第一图片、第二图片对应的位置信息和所述固定元素到所述滚动区域边界的距离对所述第一图片、第二图片进行拼接生成待预览长图，包括：

所述预览系统根据上报的图片的位置信息和所述固定元素到所述滚动区域边界的距离计算各图片的有效区域；

利用各的有效区域进行拼接生成待预览长图。

可选地，还包括：

若未完成图片截取任务，则根据长图的长度、所述第一图片信息、第二图片信息对应的位置信息和所述固定元素到所述滚动区域边界的距离计算待预览长图缺失区域的位置信息；

基于所述缺失区域的位置信息计算目标距离，在监测到所述固定元素滚动目标距离截取页面图片生成用于拼接的第三图片信息。

可选地，所述在监测到所述固定元素滚动目标距离截取页面图片生成用于拼接的第三图片信息，包括：

将所述目标距离输入到页面滚动事件模型，所述页面滚动事件模型控制客户端中的页面进行滚动直至所述固定元素滚动目标距离；