[發(fā)明專利]頁面展示方法、裝置、計算機設備和存儲介質

有效

• 申請?zhí)枺?/td>: 201711059899.4
• 申請日: 2017-11-01
• 公開（公告）號: CN107818163B
• 公開（公告）日: 2019-03-29
• 發(fā)明（設計）人: 史貴嶺
• 申請（專利權）人: 平安科技（深圳）有限公司
• 主分類號: G06F16/9535
• 分類號: G06F16/9535;G06F16/955;G06F16/957
• 代理公司: 廣州華進聯(lián)合專利商標代理有限公司 44224
• 代理人: 謝曲曲

本發(fā)明涉及一種頁面展示方法、裝置、計算機設備和存儲介質。頁面展示方法包括：獲取應用程序當前頁面的頁面數(shù)據(jù)；頁面數(shù)據(jù)包括頁面截圖以及多個視圖的視圖標識和視圖名稱；按照預設規(guī)則將應用程序當前頁面對應多個視圖標識添加至多個具有不同的級別的數(shù)組；利用該數(shù)組構建應用程序當前頁面對應的多叉樹；根據(jù)多叉樹生成多個視圖分別對應的層級路徑，根據(jù)層級路徑在頁面截圖對相應的視圖添加對應的埋點邊框，將設有埋點邊框的頁面截圖發(fā)送至預設終端，使預設終端對設有埋點邊框的頁面截圖進行展示。該方法可以準確在頁面截圖添加埋點邊框，提高應用程序當前頁面展示效果。

技術領域

本發(fā)明涉及計算機技術領域，特別是涉及頁面展示方法、裝置、計算機設備和存儲介質。

背景技術

在APP(Application，應用程序)中設置埋點是很多APP開發(fā)商收集用戶行為數(shù)據(jù)的重要手段。目前，在APP中設置埋點具有多種方案，如代碼埋點、可視化埋點和無埋點等。其中，要實現(xiàn)可視化埋點或無埋點，終端需要將APP頁面截圖以及對應的頁面數(shù)據(jù)上傳到Web服務器。由于無法對APP頁面截圖中的按鈕等視圖進行觸摸操作，Web服務器需要對APP頁面截圖中可以進行觸摸操作的視圖進行識別和區(qū)別標記，并通過Web頁面對區(qū)別標記后的APP頁面截圖進行展示，使得APP開發(fā)商可以在Web頁面對APP頁面中不同視圖設置埋點。

傳統(tǒng)方式中，Web服務器通過對可以進行觸摸操作的視圖添加邊框，將可以進行觸摸操作的視圖與其他視圖進行區(qū)分。但直接根據(jù)終端上傳的頁面數(shù)據(jù)，對不同視圖添加邊框，難以對邊框的添加位置進行準確定位，常出現(xiàn)邊框與視圖發(fā)生錯位等現(xiàn)象，使得對APP頁面的展示效果不好。

發(fā)明內容

基于此，有必要針對上述技術問題，提供一種能夠對頁面中的視圖進行準確定位的頁面展示方法、裝置、計算機設備和存儲介質。

一種頁面展示方法，包括：

獲取應用程序當前頁面的頁面數(shù)據(jù)；所述頁面數(shù)據(jù)包括頁面截圖以及多個視圖的視圖標識、視圖名稱和層級信息；

按照預設規(guī)則將多個視圖標識添加至多個數(shù)組；多個數(shù)組具有不同的級別；

查詢最高級別數(shù)組中的視圖標識對應的視圖名稱，將最高級別數(shù)組中的視圖標識對應的視圖名稱標記為父節(jié)點；

查詢次高級別數(shù)組中的視圖標識對應的視圖名稱，根據(jù)多個視圖之間的層級信息，將次高級別數(shù)組中的視圖標識對應的視圖名稱標記為所述父節(jié)點的子節(jié)點；

將所述子節(jié)點作為下一級別數(shù)組中的視圖標識對應的視圖名稱的父節(jié)點進行迭代，直至最低級別數(shù)組；

利用父節(jié)點以及對應的子節(jié)點生成應用程序當前頁面對應的多叉樹；

根據(jù)所述多叉樹生成多個視圖分別對應的層級路徑，根據(jù)所述層級路徑在頁面截圖對相應的視圖添加對應的埋點邊框，將設有埋點邊框的頁面截圖發(fā)送至預設終端，使預設終端對設有埋點邊框的頁面截圖進行展示。

一種頁面展示方法，包括：

獲取應用程序當前頁面的頁面數(shù)據(jù)；所述頁面數(shù)據(jù)包括頁面截圖以及多個視圖的視圖標識、視圖名稱和層級信息；

將所述頁面數(shù)據(jù)發(fā)送至服務器，使服務器按照預設規(guī)則將多個視圖標識添加至多個數(shù)組，多個數(shù)組具有不同的級別，并根據(jù)多個視圖之間的層級信息將最高級別數(shù)組中的視圖標識對應的視圖名稱標記為父節(jié)點，將次高級別數(shù)組中的視圖標識對應的視圖名稱標記為所述父節(jié)點的子節(jié)點，將所述子節(jié)點作為下一級別數(shù)組中的視圖標識對應的視圖名稱的父節(jié)點進行迭代，直至最低級別數(shù)組；利用父節(jié)點以及對應的子節(jié)點生成當前頁面對應的多叉樹，根據(jù)所述多叉樹生成多個視圖分別對應的層級路徑，并根據(jù)所述層級路徑在頁面截圖對相應的視圖添加對應的埋點邊框，將設有埋點邊框的頁面截圖發(fā)送至預設終端，使預設終端對設有埋點邊框的頁面截圖進行展示；