[發明專利]一種界面校驗方法、裝置、電子設備以及存儲介質

在審

• 申請號: 202111037506.6
• 申請日: 2021-09-06
• 公開（公告）號: CN113722039A
• 公開（公告）日: 2021-11-30
• 發明（設計）人: 戚嘉懿;姚陳真;殷俊杰;呂佳聰;董思洋
• 申請（專利權）人: 北京字節跳動網絡技術有限公司
• 主分類號: G06F9/451
• 分類號: G06F9/451;G06F11/36
• 代理公司: 北京中知法苑知識產權代理有限公司 11226
• 代理人: 李明

本公開提供了一種界面校驗方法、裝置、電子設備以及存儲介質，其中，該方法包括：獲取多個待校驗UI界面組的界面信息；所述界面信息為每個待校驗UI界面組中UI界面的各個UI組成元素的元素信息；將各個待校驗UI界面組之間的UI界面進行配對組合，得到配對UI界面組；并將所述配對UI界面組展示在校驗界面的界面校驗區域中；響應于針對所述界面校驗區域中配對UI界面組的校驗操作，基于所述界面信息將所述配對UI界面組的多個UI界面的UI組成元素進行比對；基于比對結果確定所述多個UI界面中差異元素的差異數據，并展示所述差異數據；所述差異數據包括以下至少之一：顏色差異、形狀差異、位置差異、尺寸差異、圖案差異。

技術領域

本公開涉及計算機的技術領域，具體而言，涉及一種界面校驗方法、裝置、電子設備以及存儲介質。

背景技術

在UI(User Interface)界面設計領域，需要對UI界面進行驗收，比如，可以對多個待驗收的UI界面進行比對，從而根據比對結果對該UI界面執行驗收操作，例如，在UI界面的設計領域，通常需要對UI界面的UI原稿和UI設計稿進行反復比對，實現對UI設計稿的驗收。現有的驗收方式主要通過手動的方式對待驗收的UI界面進行比對。由于，手動比對的工具較為單一，且手工比對的主觀性較強，因此，在對結構較為復雜的UI界面的驗收時，現有的驗收方式無法保證比對的準確度，同時也影響UI界面的驗收進度和驗收效率。

發明內容

本公開實施例至少提供一種界面校驗方法、裝置、電子設備以及存儲介質。

第一方面，本公開實施例提供了一種界面校驗方法，包括：獲取多個待校驗UI界面組的界面信息；所述界面信息為每個待校驗UI界面組中UI界面的各個UI組成元素的元素信息；將各個待校驗UI界面組之間的UI界面進行配對組合，得到配對UI界面組；并將所述配對UI界面組展示在校驗界面的界面校驗區域中；響應于針對所述界面校驗區域中配對UI界面組的校驗操作，基于所述界面信息將所述配對UI界面組的多個UI界面的UI組成元素進行比對；基于比對結果確定所述多個UI界面中差異元素的差異數據，并展示所述差異數據；所述差異數據包括以下至少之一：顏色差異、形狀差異、位置差異、尺寸差異、圖案差異。

一種可選的實施方式中，所述將各個待校驗UI界面組之間的UI界面進行配對組合，得到配對UI界面組，包括：基于所述界面信息，計算各個待校驗UI界面組之間UI界面的界面相似度，得到多個相似度；確定所述多個相似度中滿足相似度要求的UI界面；基于所述滿足相似度要求的UI界面確定所述配對UI界面組。

一種可選的實施方式中，所述方法還包括：獲取每個所述待校驗UI界面組的校驗標識信息；所述校驗標識信息用于指示對應待校驗UI界面組所屬的校驗項目；在基于所述校驗標識信息確定出各個待校驗UI界面組所屬相同校驗項目的情況下，基于所述界面信息，計算各個待校驗UI界面組之間UI界面的界面相似度。

一種可選的實施方式中，所述將各個待校驗UI界面組之間的UI界面進行配對組合，得到配對UI界面組，包括：響應于針對至少部分所述待校驗UI界面組的界面選擇指令，在至少部分所述待校驗UI界面組中選擇待校驗UI界面；基于選擇的所述待校驗UI界面確定所述配對UI界面組。

一種可選的實施方式中，所述基于所述界面信息將所述配對UI界面組的多個UI界面的UI組成元素進行比對，包括：在所述多個UI界面之間確定至少一組相匹配的UI組成元素；基于所述界面信息，將每組所述相匹配的UI組成元素進行比對，得到每組所述相匹配的UI組成元素的比對結果。

一種可選的實施方式中，所述差異數據包括差異描述信息，所述展示所述差異數據，包括：在所述校驗界面的差異展示區域展示所述差異描述信息，其中，所述差異描述信息包括以下至少之一：圖案差異描述信息，形狀差異描述信息，尺寸差異描述信息，位置差異描述信息，顏色差異描述信息。