审查元素的方法、装置、设备和存储介质与流程

本公开涉及计算机，尤其涉及审查元素的方法、装置、设备和存储介质。

背景技术：

1、应用的前端显示界面中，通常包含多种类型的控件，比如按钮、复选框、单选按钮、下拉列表等等。每种控件都代表用户界面(user interface，ui)中的一种元素，也即ui元素。

2、项目开发过程中，开发者在开发与调试应用时，通常会使用谷歌浏览器的审查元素功能，来帮助开发者快速定位ui元素与文档(document，dom)节点。

3、然而，在按键设备上的应用，无法像开发传统的浏览器项目或者触屏设备的项目一样，有一套类似触控的操作接口，故应用框架也无法响应于触控输入实现ui元素到dom节点的定位。

4、在按键设备中的大型前端项目中，dom树非常大。如果开发人员无法快速的从ui元素定位出dom节点，将对开发效率带来巨大的负面影响。

技术实现思路

1、本公开提供了一种审查元素的方法、装置、设备和存储介质。

2、根据本公开的第一方面，提供了一种审查元素的方法，包括：

3、响应于监听到应用显示页面中产生了焦点切换事件，确定切换后的焦点所对应的第一用户界面ui元素；

4、将所述第一ui元素的属性信息发送给调试器，以使所述调试器展示与所述第一ui元素对应的dom节点。

5、根据本公开的第二方面，提供了一种审查元素的方法，包括：

6、接收终端设备发送的ui元素的属性信息；

7、根据所述ui元素的属性信息，确定所述ui元素所在应用的dom树，以及所述ui元素在所述dom树中绑定的dom节点；

8、在显示页面中展示所述dom树，并对所述dom节点进行高亮显示处理。

9、根据本公开的第三方面，提供了一种审查元素的装置，包括：

10、第一确定模块，用于响应于监听到应用显示页面中产生了焦点切换事件，确定切换后的焦点所对应的第一用户界面ui元素；

11、发送模块，用于将所述第一ui元素的属性信息发送给调试器，以使所述调试器展示与所述第一ui元素对应的dom节点。

12、根据本公开的第四方面，提供了一种审查元素的装置，包括：

13、接收模块，用于接收终端设备发送的ui元素的属性信息；

14、第四确定模块，用于根据所述ui元素的属性信息，确定所述ui元素所在应用的dom树，以及所述ui元素在所述dom树中绑定的dom节点；

15、显示模块，用于在显示页面中展示所述dom树，并对所述dom节点进行高亮显示处理。

16、本公开第五方面实施例提出的电子设备，包括：存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现如本公开第一方面实施例或者第二方面实施例提出的审查元素的方法。

17、本公开第六方面实施例提出的非临时性计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现如本公开第一方面实施例或者第二方面实施例提出的审查元素的方法。

18、本公开第七方面实施例提出的计算机程序产品，当所述计算机程序产品中的指令由处理器执行时，执行如本公开第一方面实施例或者第二方面实施例提出的审查元素的方法。

19、通过本公开可以实现以下有益效果：

20、本公开实施例中，终端设备可以首先响应于监听到应用显示页面中产生了焦点切换事件，确定切换后的焦点所对应的第一用户界面ui元素，然后将第一ui元素的属性信息发送给调试器，以使调试器展示与第一ui元素对应的dom节点。由此，可以无需基于触控接口，可以直接对应用显示页面中的焦点变化进行监听，从而确定出当前焦点所对应的ui元素，并实时地发送给调试器，以显示该ui元素对应的dom节点。不仅响应非常快速，而且省略了触屏设备复杂的点击事件的处理，使用流程非常简单，便于开发和测试应用，提高了开发者在按键设备中的应用调试效率。

21、本公开实施例中，调试器首先接收终端设备发送的ui元素的属性信息，然后根据ui元素的属性信息，确定ui元素所在应用的dom树，以及ui元素在dom树中绑定的dom节点，之后在显示页面中展示dom树，并对dom节点进行高亮显示处理。由此，在开发人员无法进行触控输入的情况下，也可以对当前终端设备所选中的ui元素对应的dom节点进行快速地定位，由于是基于网络传输，使得开发人员可以非常快速地得到ui元素对应的dom节点，提高了应用开发效率。

22、应当理解，本部分所描述的内容并非旨在标识本公开的实施例的关键或重要特征，也不用于限制本公开的范围。本公开的其它特征将通过以下的说明书而变得容易理解。

技术特征：

1.一种审查元素的方法，其特征在于，所述方法由终端设备执行，所述方法包括：

2.根据权利要求1所述的方法，其特征在于，所述确定切换后的焦点所对应的第一用户界面ui元素，包括：

3.根据权利要求1所述的方法，其特征在于，所述将所述第一ui元素的属性信息发送给调试器，包括：

4.根据权利要求1所述的方法，其特征在于，还包括：

5.一种审查元素的方法，其特征在于，所述方法由调试器执行，包括：

6.一种审查元素的装置，其特征在于，包括：

7.根据权利要求6所述的装置，其特征在于，所述第一确定模块，具体用于：

8.根据权利要求6所述的装置，其特征在于，所述发送模块，具体用于：

9.根据权利要求8所述的装置，其特征在于，还包括：

10.一种审查元素的装置，其特征在于，包括：

11.一种电子设备，其特征在于，包括：

12.一种存储有计算机指令的非瞬时计算机可读存储介质，其特征在于，其中，所述计算机指令用于使所述计算机执行权利要求1-4中任一项所述的方法或权利要求5中所述的方法。

13.一种计算机程序产品，其特征在于，包括计算机程序，所述计算机程序在被处理器执行时实现权利要求1-4中任一项所述的方法或权利要求5中所述的方法。

技术总结
本公开提供了一种审查元素的方法、装置、设备和存储介质，涉及计算机技术领域。具体实现方案为：响应于监听到应用显示页面中产生了焦点切换事件，确定切换后的焦点所对应的第一用户界面UI元素；将所述第一UI元素的属性信息发送给调试器，以使所述调试器展示与所述第一UI元素对应的DOM节点。由此，可以无需基于触控接口，可以直接对应用显示页面中的焦点变化进行监听，从而确定出当前焦点所对应的UI元素，并实时地发送给调试器，以显示该UI元素对应的DOM节点。不仅响应非常快速，而且省略了触屏设备复杂的点击事件的处理，使用流程非常简单，便于开发和测试应用，提高了开发者在按键设备中的应用调试效率。

技术研发人员：高玉龙,姜竣,郑康
受保护的技术使用者：北京小米移动软件有限公司
技术研发日：
技术公布日：2024/4/17