本技術(shù)涉及數(shù)據(jù)處理，尤其涉及一種ui控件關(guān)聯(lián)走查方法、裝置、設(shè)備及存儲介質(zhì)。

背景技術(shù)：

1、在當今數(shù)字化時代，前端開發(fā)已成為軟件開發(fā)中不可或缺的一環(huán)。隨著用戶對網(wǎng)頁和應(yīng)用程序界面(ui)的美觀性和功能性要求不斷提高，前端開發(fā)的質(zhì)量控制變得尤為重要。其中，頁面元素之間的間距走查是確保用戶界面整潔、協(xié)調(diào)和易于使用的關(guān)鍵因素之一。

2、開發(fā)頁面的控件走查形式多樣，直觀的走查條件，只需要對單個控件比對即可。對于間距這種需要多控件關(guān)聯(lián)的走查條件，目前缺乏具體的解決方案。

技術(shù)實現(xiàn)思路

1、本技術(shù)提供了一種ui控件關(guān)聯(lián)走查方法、裝置、設(shè)備及存儲介質(zhì)，實現(xiàn)了多控件的元素間的條件比對，提供了更為精準的間距走查，降低人工走查成本，提高走查效率。

2、有鑒于此，本技術(shù)第一方面提供了一種ui控件關(guān)聯(lián)走查方法，所述方法包括：

3、步驟s1、捕獲目標頁面的所有控件對應(yīng)的元素信息；

4、步驟s2、對所述元素信息按照預(yù)設(shè)標簽進行分類，形成與所述預(yù)設(shè)標簽對應(yīng)的若干個控件集合；

5、步驟s3、基于所述控件集合中各控件的面積，分別對各個控件集合進行去重處理；

6、步驟s4、將去重后的所述控件集合中包含的控件按照預(yù)設(shè)優(yōu)先級以及坐標進行兩兩關(guān)聯(lián)，形成與所述預(yù)設(shè)標簽對應(yīng)的若干個關(guān)聯(lián)控件集合；

7、步驟s5、基于預(yù)設(shè)控件比對規(guī)則，按照所述預(yù)設(shè)標簽對所述關(guān)聯(lián)控件集合進行比對，確定問題控件。

8、可選地，所述步驟s3具體為：

9、步驟s31、計算若干個所述控件集合中各控件的面積；

10、步驟s32、按照面積降序分別對所述控件集合中的控件進行排序；

11、步驟s33、構(gòu)建所述控件集合的關(guān)系存儲數(shù)組，所述關(guān)系存儲數(shù)組中包含前置控件以及后置控件組；

12、步驟s34、按照排序遍歷，將第i個控件賦值給所述前置控件；

13、步驟s35、依次計算第i個控件的面積與所述第i個控件之后的其余控件的面積之間的iou交并比值；

14、步驟s36、當iou交并比值大于預(yù)設(shè)閾值時，將對應(yīng)的所述第i個控件之后的控件賦值給所述所述后置控件組；

15、步驟s37、根據(jù)后置控件組中包含控件的數(shù)量，取出去重后的代表控件，得到去重后的所述控件集合包含若干個所述代表控件。

16、可選地，所述步驟s37具體為：

17、當所述后置控件組中包含兩個以上數(shù)量的控件時，將所述后置控件組中第二位對應(yīng)的控件作為代表控件取出，否則將所述后置控件組中首位對應(yīng)的控件作為代表控件取出。

18、可選地，所述步驟s4具體為：

19、步驟s41、將所述控件集合包含的若干個所述代表控件按縱坐標進行降序排序；

20、步驟s42、創(chuàng)建關(guān)聯(lián)控件集合；

21、步驟s43、按序依次遍歷所述控件集合包含的所述代表控件，根據(jù)橫坐標以及預(yù)設(shè)優(yōu)先級差異，將兩兩關(guān)聯(lián)的所述代表控件組合添加至所述關(guān)聯(lián)控件集合。

22、可選地，所述步驟s43具體為：

23、步驟s431、按序依次遍歷所述控件集合包含的所述代表控件，將第i個所述代表控件添加至所述關(guān)聯(lián)控件集合中；

24、步驟s432、遍歷第i個代表控件之后的其余代表控件，依次比較第i個代表控件與所述第i個代表控件之后的其余代表控件目標位置的橫坐標差值以及在前端頁面的預(yù)設(shè)優(yōu)先級差值；

25、步驟s433、若存在一個其余代表控件與第i個代表控件的所述橫坐標差值與所述預(yù)設(shè)優(yōu)先級差值均低于對應(yīng)的預(yù)設(shè)閾值，則將對應(yīng)的其余代表控件作為所述第i個代表控件的關(guān)聯(lián)控件，添加至所述關(guān)聯(lián)控件集合中，否則將i＝i+1后，返回執(zhí)行所述步驟s431。

26、可選地，所述步驟s431還包括：

27、若第i個所述代表組件已存在于所述關(guān)聯(lián)控件集合中，則將i＝i+1后，重新執(zhí)行所述步驟s431。

28、可選地，所述步驟s5之后還包括：

29、步驟s6、將若干個所述問題控件的信息進行打包后，發(fā)送給目標用戶進行告警。

30、本技術(shù)第二方面提供一種ui控件關(guān)聯(lián)走查裝置，所述裝置包括：

31、捕獲單元，用于捕獲目標頁面的所有控件對應(yīng)的元素信息；

32、分類單元，用于對所述元素信息按照預(yù)設(shè)標簽進行分類，形成與所述預(yù)設(shè)標簽對應(yīng)的若干個控件集合；

33、去重單元，用于基于所述控件集合中各控件的面積，分別對各個控件集合進行去重處理；

34、關(guān)聯(lián)單元，用于將去重后的所述控件集合中包含的控件按照預(yù)設(shè)優(yōu)先級以及坐標進行兩兩關(guān)聯(lián)，形成與所述預(yù)設(shè)標簽對應(yīng)的若干個關(guān)聯(lián)控件集合；

35、比對單元，用于基于預(yù)設(shè)控件比對規(guī)則，按照所述預(yù)設(shè)標簽對所述關(guān)聯(lián)控件集合進行比對，確定問題控件。

36、可選地，所述去重單元，具體用于：

37、計算若干個所述控件集合中各控件的面積；

38、按照面積降序分別對所述控件集合中的控件進行排序；

39、構(gòu)建所述控件集合的關(guān)系存儲數(shù)組，所述關(guān)系存儲數(shù)組中包含前置控件以及后置控件組；

40、按照排序遍歷，將第i個控件賦值給所述前置控件；

41、依次計算第i個控件的面積與所述第i個控件之后的其余控件的面積之間的iou交并比值；

42、當iou交并比值大于預(yù)設(shè)閾值時，將對應(yīng)的所述第i個控件之后的控件賦值給所述所述后置控件組；

43、根據(jù)后置控件組中包含控件的數(shù)量，取出去重后的代表控件，得到去重后的所述控件集合包含若干個所述代表控件。

44、可選地，所述根據(jù)后置控件組中包含控件的數(shù)量，取出去重后的代表控件，得到去重后的所述控件集合包含若干個所述代表控件具體為：

45、當所述后置控件組中包含兩個以上數(shù)量的控件時，將所述后置控件組中第二位對應(yīng)的控件作為代表控件取出，否則將所述后置控件組中首位對應(yīng)的控件作為代表控件取出。

46、可選地，所述關(guān)聯(lián)單元，具體用于：

47、將所述控件集合包含的若干個所述代表控件按縱坐標進行降序排序；

48、創(chuàng)建關(guān)聯(lián)控件集合；

49、按序依次遍歷所述控件集合包含的所述代表控件，根據(jù)橫坐標以及預(yù)設(shè)優(yōu)先級差異，將兩兩關(guān)聯(lián)的所述代表控件組合添加至所述關(guān)聯(lián)控件集合。

50、可選地，所述按序依次遍歷所述控件集合包含的所述代表控件，根據(jù)橫坐標以及預(yù)設(shè)優(yōu)先級差異，將兩兩關(guān)聯(lián)的所述代表控件組合添加至所述關(guān)聯(lián)控件集合具體為：

51、按序依次遍歷所述控件集合包含的所述代表控件，將第i個所述代表控件添加至所述關(guān)聯(lián)控件集合中；

52、遍歷第i個代表控件之后的其余代表控件，依次比較第i個代表控件與所述第i個代表控件之后的其余代表控件目標位置的橫坐標差值以及在前端頁面的預(yù)設(shè)優(yōu)先級差值；

53、若存在一個其余代表控件與第i個代表控件的所述橫坐標差值與所述預(yù)設(shè)優(yōu)先級差值均低于對應(yīng)的預(yù)設(shè)閾值，則將對應(yīng)的其余代表控件作為所述第i個代表控件的關(guān)聯(lián)控件，添加至所述關(guān)聯(lián)控件集合中，否則將i＝i+1后，返回遍歷所述控件集合包含的所述代表控件。

54、可選地，所述關(guān)聯(lián)單元還用于：

55、若第i個所述代表組件已存在于所述關(guān)聯(lián)控件集合中，則將i＝i+1后，重新遍歷所述控件集合包含的所述代表控件。

56、可選地，還包括：

57、告警單元，用于將若干個所述問題控件的信息進行打包后，發(fā)送給目標用戶進行告警。

58、本技術(shù)第三方面提供一種ui控件關(guān)聯(lián)走查設(shè)備，所述設(shè)備包括處理器以及存儲器：

59、所述存儲器用于存儲程序代碼，并將所述程序代碼傳輸給所述處理器；

60、所述處理器用于根據(jù)所述程序代碼中的指令，執(zhí)行如上述第一方面所述的ui控件關(guān)聯(lián)走查的方法的步驟。

61、本技術(shù)第四方面提供一種計算機可讀存儲介質(zhì)，所述計算機可讀存儲介質(zhì)用于存儲程序代碼，所述程序代碼用于執(zhí)行上述第一方面所述的方法。

62、從以上技術(shù)方案可以看出，本技術(shù)實施例具有以下優(yōu)點：

63、本技術(shù)中，提供了一種ui控件關(guān)聯(lián)走查方法、裝置、設(shè)備及存儲介質(zhì)，通過捕獲前端頁面包含的所有控件對應(yīng)的元素信息，并按照預(yù)設(shè)標簽對控件進行分類，形成控件集合，進一步地基于控件集合中各控件的面積進行控件集合的去重，最后根據(jù)坐標和預(yù)設(shè)優(yōu)先級將控件進行兩兩關(guān)聯(lián)，按照預(yù)設(shè)控件比對規(guī)則確定關(guān)聯(lián)控件集合中存在的問題控件，實現(xiàn)了多控件的元素間的條件比對，提供了更為精準的間距走查，降低人工走查成本，提高走查效率。