[发明专利]一种网页源码的处理方法、装置、设备以及存储介质

说明书

本公开提供了一种网页源码的处理方法、装置、设备及存储介质，所述方法包括：首先在目标网页源码的编译阶段，获取目标网页源码中的预设编程语言代码的抽象语法树，对抽象语法树进行解析，确定抽象语法树中绑定有点击事件的网页元素，作为目标元素，在抽象语法树中，为目标元素添加预设子元素，得到更新后抽象语法树，然后基于CSS代码中的目标函数和更新后抽象语法树，获取目标网页源码对应的编译结果。可见，本公开实施例在目标网页源码的编译阶段通过在抽象语法树中为目标元素添加预设子元素的方式，增加了目标元素的点击区域，使得在编译结果运行时，能够提升目标元素的点击灵敏度，从而提升了用户的体验。

技术领域

本公开涉及数据处理领域，尤其涉及一种网页源码的处理方法、装置、设备以及存储介质。

背景技术

随着互联网的发展，智能手机、平板等移动终端的普及，H5页面得到更广泛的应用。

用户可以通过对H5页面元素进行点击操作，实现页面的交互，然而，用户对H5页面元素进行点击操作时，页面元素的点击灵敏度较低，导致用户体验较差。

发明内容

为了解决上述技术问题，本公开提供了一种网页源码的处理方法、装置、设备以及存储介质。

第一方面，本公开提供了一种网页源码的处理方法，所述方法包括：

在目标网页源码的编译阶段，获取所述目标网页源码中的预设编程语言代码的抽象语法树；

对所述抽象语法树进行解析，确定所述抽象语法树中绑定有点击事件的网页元素，作为目标元素；

在所述抽象语法树中，为所述目标元素添加预设子元素，得到更新后抽象语法树；其中，所述预设子元素携带预设函数标识，所述预设函数标识对应的目标函数存储于所述目标网页源码中的层叠样式表单CSS代码中，所述目标函数用于为所述目标元素增加预设点击区域；

基于所述CSS代码中的所述目标函数和所述更新后抽象语法树，获取所述目标网页源码对应的编译结果。

一种可选的实施方式中，所述预设编程语言代码包括JS代码；所述对所述抽象语法树进行解析，确定所述抽象语法树中绑定有点击事件的网页元素，作为目标元素，包括：

对所述JS代码的抽象语法树进行解析，确定所述抽象语法树中是否存在增加监听点击事件；其中，所述增加监听点击事件用于为网页元素增加对点击事件的监听功能；

如果确定所述抽象语法树中存在所述增加监听点击事件，则确定所述增加监听点击事件对应的网页元素，作为目标元素。

一种可选的实施方式中，所述预设编程语言代码包括HTML代码；所述对所述抽象语法树进行解析，确定所述抽象语法树中绑定有点击事件的网页元素，作为目标元素，包括：

对所述HTML代码的抽象语法树进行解析，确定所述抽象语法树中属性名称为预设点击标识的网页元素；

将所述属性名称为所述预设点击标识的网页元素，确定为目标元素。

一种可选的实施方式中，所述在所述抽象语法树中，为所述目标元素添加预设子元素，得到更新后抽象语法树，包括：

在所述抽象语法树中，为所述目标元素添加预设子元素；

将所述预设子元素携带的预设函数标识作为属性类名，添加至所述预设子元素的属性中，得到更新后抽象语法树。

一种可选的实施方式中，其特征在于，所述基于所述目标网页源码中的CSS代码和所述更新后抽象语法树，获取所述目标网页源码对应的编译结果之前，还包括：

将预设函数标识对应的目标函数作为全局函数添加至所述目标网页源码中的CSS代码中。