[發(fā)明專利]檢測界面差異的方法、電子設備和計算機可讀介質(zhì)

在審

• 申請?zhí)枺?/td>: 201810699643.8
• 申請日: 2018-06-29
• 公開（公告）號: CN108984399A
• 公開（公告）日: 2018-12-11
• 發(fā)明（設計）人: 徐學東
• 申請（專利權(quán)）人: 上海連尚網(wǎng)絡科技有限公司
• 主分類號: G06F11/36
• 分類號: G06F11/36;G06K9/62
• 代理公司: 北京英賽嘉華知識產(chǎn)權(quán)代理有限責任公司 11204
• 代理人: 王達佐;馬曉亞

本申請實施例公開了檢測界面差異的方法、電子設備和計算機可讀介質(zhì)。該方法的一具體實施方式包括：確定相互匹配的界面截圖和界面效果圖，其中，界面截圖與界面效果圖之間相互匹配是指：界面效果圖是界面截圖所截取的界面的設計效果圖；對比相互匹配的界面截圖和界面效果圖，確定相互匹配的界面截圖和界面效果圖是否一致；響應于確定相互匹配的界面截圖和界面效果圖不一致，生成差異信息，其中，該差異信息包括差異位置信息和差異程度信息。該實施方式可以提供了一種由電子設備實現(xiàn)的檢測界面差異的方法，可以避免人工檢測，節(jié)省人力成本。

技術(shù)領(lǐng)域

本申請實施例涉及計算機技術(shù)領(lǐng)域，尤其涉及檢測界面差異的方法、電子設備和計算機可讀介質(zhì)。

背景技術(shù)

在網(wǎng)站建立或者應用開發(fā)過程中，工作人員可以先設計用戶界面(UserInterface，UI)的效果圖，得到界面效果圖。然后，再實現(xiàn)界面效果圖，即根據(jù)界面效果圖，進行界面開發(fā)，得到用戶界面。但是，終端顯示的用戶界面，可能由于各種原因，與設計效果圖有出入。

為保證界面效果圖高還原度落地，即保證用戶界面與界面效果圖更高程度的相似，在界面開發(fā)過程中需要調(diào)整用戶界面，這個過程一般稱為調(diào)整用戶界面(也可以稱為調(diào)UI)。檢測界面差異是調(diào)UI的前提。在生成差異信息的基礎上，才好根據(jù)差異信息調(diào)整用戶界面。

現(xiàn)有技術(shù)中，檢測界面差異一般由人工實現(xiàn)。

發(fā)明內(nèi)容

本申請實施例提出了檢測界面差異的方法、檢測界面差異的裝置、電子設備和計算機可讀介質(zhì)。

第一方面，本申請的一些實施例提供了一種檢測界面差異的方法，該方法包括：確定相互匹配的界面截圖和界面效果圖，其中，界面截圖與界面效果圖之間相互匹配是指：界面效果圖是界面截圖所截取的界面的設計效果圖；對比相互匹配的界面截圖和界面效果圖，確定相互匹配的界面截圖和界面效果圖是否一致；響應于確定相互匹配的界面截圖和界面效果圖不一致，生成差異信息，其中，上述差異信息包括差異位置信息和差異程度信息。

第二方面，本申請的一些實施例提供了一種檢測界面差異的裝置，該裝置包括：確定單元，被配置成確定相互匹配的界面截圖和界面效果圖，其中，界面截圖與界面效果圖之間相互匹配是指：界面效果圖是界面截圖所截取的界面的設計效果圖；對比單元，被配置成對比相互匹配的界面截圖和界面效果圖，確定相互匹配的界面截圖和界面效果圖是否一致；生成單元，被配置成響應于確定相互匹配的界面截圖和界面效果圖不一致，生成差異信息，其中，上述差異信息包括差異位置信息和差異程度信息。

第三方面，本申請的一些實施例提供了一種電子設備，該電子設備包括：一個或多個處理器；存儲裝置，其上存儲有一個或多個程序，當上述一個或多個程序被上述一個或多個處理器執(zhí)行時，使得上述一個或多個處理器實現(xiàn)如第一方面中任一實現(xiàn)方式描述的方法。

第四方面，本申請的一些實施例提供了一種計算機可讀介質(zhì)，其上存儲有計算機程序，其中，該計算機程序被處理器執(zhí)行時實現(xiàn)如第一方面中任一實現(xiàn)方式描述的方法。

本申請的一些實施例提供的檢測界面差異的方法、電子設備和計算機可讀介質(zhì)，通過由執(zhí)行主體確定相互匹配的界面截圖和界面效果圖，然后對比相互匹配的界面截圖和界面效果圖，確定是否一致，如果不一致則生成差異信息，由此，檢測界面差異的方法可以由電子設備實現(xiàn)，避免人工檢測，技術(shù)效果至少可以包括：節(jié)省人力成本。

附圖說明

通過閱讀參照以下附圖所作的對非限制性實施例所作的詳細描述，本申請的其它特征、目的和優(yōu)點將會變得更明顯：

圖1是本申請的一些實施例可以應用于其中的示例性系統(tǒng)架構(gòu)圖；

圖2是根據(jù)本申請的檢測界面差異的方法的一個實施例的流程圖；

圖3A是根據(jù)本申請的示例性差異對照圖；