页面的元素样式信息获取方法及装置与流程

本申请涉及数据处理，具体涉及一种页面的元素样式信息获取方法及装置。

背景技术：

1、目前，金融应用程序或金融网站在进行开发时，由于金融业务较为敏感，通常需要审核人员或设计师等目标用户对设计的页面进行审核，以判断网页中各元素的样式信息是否符合规定，因此需要获取页面中各元素的样式信息来进行审核。

2、相关技术中，获取页面中各元素的样式信息的方式，是通过目标用户从存储有元素的样式信息的文件中，查找网页中各元素当前生效的样式信息。然而，元素通常会存在多种样式信息，而相关技术的样式信息获取方式，无法快速地从多种样式信息中确定当前生效的样式信息，导致获取样式信息的获取效率低。

技术实现思路

1、本申请旨在至少解决相关技术中存在的技术问题之一。为此，本申请提出一种页面的元素样式信息获取方法，能够提高对元素当前生效的样式信息的获取效率。

2、本申请还提出一种页面的元素样式信息获取装置。

3、本申请还提出一种电子设备。

4、本申请还提出一种计算机可读存储介质。

5、根据本申请第一方面实施例的页面的元素样式信息获取方法，包括：

6、响应于针对页面中任一元素的样式信息的获取指令，从所述元素的各样式信息中，获取样式规则为有效样式的至少一个目标样式信息；

7、根据各所述目标样式信息的样式优先级，得到各所述目标样式信息的优先级；

8、根据各所述目标样式信息的优先级，从各所述目标样式信息中获取当前生效的样式信息进行显示。

9、根据本申请的一个实施例，还包括：

10、根据目标对象在所述页面上的当前位置，确定与所述当前位置对应的所述元素，以生成所述元素的样式信息的获取指令。

11、根据本申请的一个实施例，根据目标对象在所述页面上的当前位置，确定与所述当前位置对应的所述元素，以生成所述元素的样式信息的获取指令，包括：

12、在所述目标对象在所述页面上的当前位置的持续时长达到预设时长的情况下，确定与所述当前位置对应的所述元素，以生成所述元素的样式信息的获取指令。

13、根据本申请的一个实施例，从所述元素的各样式信息中，获取样式规则为有效样式的至少一个目标样式信息，包括：

14、根据所述元素的当前状态信息，从所述元素的各样式信息中，获取所述样式规则与所述当前状态信息相匹配的至少一个所述目标样式信息。

15、根据本申请的一个实施例，还包括：

16、将所述元素的各样式信息存储至同一目标文件，并将所述目标文件的文件链接，添加至显示有所述当前生效的样式信息的显示区域中。

17、根据本申请的一个实施例，所述文件链接包括第一文件链接；

18、所述方法还包括：

19、响应于对所述第一文件链接的点击操作，从所述目标文件中，获取各所述目标样式信息进行显示。

20、根据本申请的一个实施例，所述文件链接包括第二文件链接；

21、所述方法还包括：

22、响应于对所述第二文件链接的点击操作，从所述目标文件中，获取各所述样式信息进行显示。

23、根据本申请第二方面实施例的页面的元素样式信息获取装置，包括：

24、样式信息确定模块，用于响应于针对页面中任一元素的样式信息的获取指令，从所述元素的各样式信息中，获取样式规则为有效样式的至少一个目标样式信息；

25、信息优先级确定模块，用于根据各所述目标样式信息的样式优先级，得到各所述目标样式信息的优先级；

26、样式信息获取模块，用于根据各所述目标样式信息的优先级，从各所述目标样式信息中获取当前生效的样式信息进行显示。

27、根据本申请第三方面实施例的电子设备，包括处理器和存储有计算机程序的存储器，所述处理器执行所述计算机程序时实现上述任一实施例所述的页面的元素样式信息获取方法。

28、根据本申请第四方面实施例的计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现上述任一实施例所述的页面的元素样式信息获取方法。

29、根据本申请第五方面实施例的计算机程序产品，包括：所述计算机程序被处理器执行时实现如上述任一实施例所述的页面的元素样式信息获取方法。

30、本申请实施例中的上述一个或多个技术方案，至少具有如下技术效果之一：

31、通过响应于针对元素的样式信息的获取指令，来从元素的各样式信息中，获取样式规则为有效样式的目标样式信息，再根据各目标样式信息的样式优先级确定的目标样式信息优先级，来从各目标样式信息中获取当前生效的样式信息进行显示，从而通过对各样式信息进行有效样式筛选和优先级筛选，来过滤未生效的样式信息，准确地从多种样式信息中获取当前生效的样式信息进行显示，进而提高对元素当前生效的样式信息的获取效率。

32、此外，先通过从元素的各样式信息中筛选出样式规则为有效样式的目标样式信息，能够减少后续需要计算样式优先级的目标样式信息的数据量，从而进一步提高元素样式信息的获取效率。

33、同时，在获取元素样式信息的过程中，均不需要打开浏览器或应用程序的控制台，使元素样式信息获取更为方便，不会破坏页面本身的显示，这样可以保持用户在查看页面样式时保持一个整体的视觉观感，有助于作出更好的视觉判断。

技术特征：

1.一种页面的元素样式信息获取方法，其特征在于，包括：

2.根据权利要求1所述的页面的元素样式信息获取方法，其特征在于，还包括：

3.根据权利要求2所述的页面的元素样式信息获取方法，其特征在于，根据目标对象在所述页面上的当前位置，确定与所述当前位置对应的所述元素，以生成所述元素的样式信息的获取指令，包括：

4.根据权利要求1或2所述的页面的元素样式信息获取方法，其特征在于，从所述元素的各样式信息中，获取样式规则为有效样式的至少一个目标样式信息，包括：

5.根据权利要求1所述的页面的元素样式信息获取方法，其特征在于，还包括：

6.根据权利要求5所述的页面的元素样式信息获取方法，其特征在于，所述文件链接包括第一文件链接；

7.根据权利要求5或6所述的页面的元素样式信息获取方法，其特征在于，所述文件链接包括第二文件链接；

8.一种页面的元素样式信息获取装置，其特征在于，包括：

9.一种电子设备，包括处理器和存储有计算机程序的存储器，其特征在于，所述处理器执行所述计算机程序时实现权利要求1至7任一项所述的页面的元素样式信息获取方法。

10.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现权利要求1至7任一项所述的页面的元素样式信息获取方法。

技术总结
本申请涉及数据处理技术领域，提供一种页面的元素样式信息获取方法及装置。所述方法包括：响应于针对页面中任一元素的样式信息的获取指令，从所述元素的各样式信息中，获取样式规则为有效样式的至少一个目标样式信息；根据各所述目标样式信息的样式优先级，得到各所述目标样式信息的优先级；根据各所述目标样式信息的优先级，从各所述目标样式信息中获取当前生效的样式信息进行显示。本申请实施例提供的页面的元素样式信息获取方法能够提高对元素当前生效的样式信息的获取效率。

技术研发人员：钟悦
受保护的技术使用者：平安银行股份有限公司
技术研发日：
技术公布日：2024/1/16