[發明專利]一種前端步驟引導方法和系統

在審

• 申請號: 202110578598.2
• 申請日: 2021-05-26
• 公開（公告）號: CN113282848A
• 公開（公告）日: 2021-08-20
• 發明（設計）人: 石瑤
• 申請（專利權）人: 杭州每刻科技有限公司
• 主分類號: G06F16/954
• 分類號: G06F16/954
• 代理公司: 杭州裕陽聯合專利代理有限公司 33289
• 代理人: 田金霞

1.一種前端步驟引導方法，其特征在于，所述方法包括如下步驟：

配置引導步驟先后循序和引導信息；

標記需要被引導的元素；

根據標記獲取被引導元素；

獲取被引導元素的位置信息，并根據所述位置信息依次展示引導信息區域。

2.根據權利要求1所述的一種前端步驟引導方法，其特征在于，在html頁面上對被引導元素標記id，并在所述html頁面上自動獲取具有標記id的元素。

3.根據權利要求2所述的一種前端步驟引導方法，其特征在于，根據所述標記id獲取被引導元素的位置信息，其中所述位置信息包括主位置信息和副位置信息，根據所述主位置信息和副位置信息展示引導信息區域。

4.根據權利要求3所述的一種前端步驟引導方法，其特征在于，獲取被引導元素的主位置信息后，若判斷主位置信息屬于被引導元素的上或下位置，進一步判斷被引導元素的副位置信息是屬于左、中或右位置，獲取目標元素的位置信息，計算所述被引導元素元素主位置和副位置相對于目標元素的偏移量，定位主位置信息，并執行所述引導信息區域從當前被引導元素到目標元素的依次展示。

5.根據權利要求3所述的一種前端步驟引導方法，其特征在于，若判斷主位置信息屬于被引導元素的左或右位置，進一步判斷被引導元素副位置信息是屬于被引導元素上、中或下位置，獲取目標元素的位置信息，計算所述被引導元素主位置和副位置相對于目標元素的偏移量，定位主位置信息，并執行所述引導信息區域從當前被引導元素到目標元素的依次展示。

6.根據權利要求4所述的一種前端步驟引導方法，其特征在于，在獲取到主位置信息和副位置的偏移量后，分別計算需要展示的引導信息的邊界和屏幕邊界之間的距離，用于判斷展示引導信息區域是否超顯示邊界。

7.根據權利要求6所述的一種前端步驟引導方法，其特征在于，若主位置對應的位置為上或下被引導元素，獲取上或下被引導元素的縱坐標高度h1，獲取引導信息區域的上下邊界高度h2，屏幕上下邊界高度為H，若h1+h2＞H，則表示引導信息區域的上或下邊界已經超出屏幕顯示范圍，重新調整所述引導信息區域的上下邊界寬度。

8.根據權利要求6所述的一種前端步驟引導方法，其特征在于，若主位置對應的位置為左或右被引導元素，獲取左或右被引導元素橫坐標長度s₁，獲取引導信息區域的左右邊界寬度s₂，屏幕左右邊界的寬度為S，若s₁+s₂＞S，則表示引導信息區域的左或右邊界已經超出屏幕顯示范圍，重新調整所述引導信息區域左右邊界的寬度。

9.一種前端步驟引導系統，其特征在于，所述系統采用上述權利要求1-8中任意一項所述的一種前端步驟引導方法。

10.一種計算機可讀存儲介質，其特征在于，所述計算機可讀存儲介質用于保存并應用上述權利要求9所述的一種前端步驟引導系統。