[發明專利]本地頁面調試方法、系統、電子裝置及存儲介質

在審

• 申請號: 202011206534.1
• 申請日: 2020-11-02
• 公開（公告）號: CN112328476A
• 公開（公告）日: 2021-02-05
• 發明（設計）人: 邱澤斌
• 申請（專利權）人: 中國平安財產保險股份有限公司
• 主分類號: G06F11/36
• 分類號: G06F11/36
• 代理公司: 深圳市沃德知識產權代理事務所(普通合伙) 44347
• 代理人: 高杰;于志光

本發明涉及一種開發輔助技術，揭露了一種本地頁面調試方法，該方法包括：設置對本地頁面預先確定的功能進行調試的關鍵參數，并將所述關鍵參數封裝至預先確定的調試插件中；在訪問的應用程序頁面中通過所述調試插件并基于所述關鍵參數監聽喚醒事件；當監聽到喚醒事件后，生成并顯示本地頁面調試跳轉界面；根據用戶輸入的跳轉地址和所述關鍵參數，從所述應用程序頁面跳轉至本地頁面，以供用戶在所述本地頁面中對所述預先確定的功能進行調試。本發明還提供一種本地頁面調試系統、電子裝置及計算機可讀存儲介質。本發明能夠優化混合應用的開發方式，實現APP跳轉訪問本地頁面，最終實時調試本地項目的目的，提高APP開發效率。

技術領域

本發明涉及開發輔助技術領域，尤其涉及一種本地頁面調試方法、系統、電子裝置及計算機可讀存儲介質。

背景技術

隨著混合應用技術的發展和廣泛應用，本地嵌入H5(HTML5.0，超文本5.0)頁面的開發方式更能適應快速開發、快速上線、快速迭代的要求。但由于APP(Application，應用程序)自身網頁視圖容器底層實現方式的不同，缺乏統一標準，H5頁面需要兼容不同APP的實現，調試較為困難，可能需要經過多次改動。

而對于一些復雜的網絡、APP環境下的本地H5頁面調試，例如需要調試HTTPS協議的接口或必須在APP中才能調用的接口時，難以在本地建立開發環境。現有本地H5頁面的調試方式一般是采用開源插件v-console，發布到測試環境后，再在APP中調試。采用該方式，每次改動都需要重新發布到測試環境才能調試，不能實時調試，導致APP開發效率較低，方式不夠靈活。

針對上述問題，如何實現從APP中實時調試本地H5頁面的項目，提高APP的開發效率和便利性，已經成為一個亟待解決的技術問題。

發明內容

有鑒于此，本發明提出一種本地頁面調試方法、系統、電子裝置及計算機可讀存儲介質，以解決至少一個上述技術問題。

首先，為實現上述目的，本發明提出一種本地頁面調試方法，該方法包括步驟：

設置對本地頁面預先確定的功能進行調試的關鍵參數，并將所述關鍵參數封裝至預先確定的調試插件中，所述關鍵參數至少包括預設的喚醒事件和本地頁面地址；

在訪問的應用程序頁面中通過所述調試插件并基于所述關鍵參數監聽所述喚醒事件；

當監聽到所述喚醒事件后，生成并顯示本地頁面調試跳轉界面，所述本地頁面調試跳轉界面中包括跳轉輸入區；及

根據用戶在所述跳轉輸入區中輸入的跳轉地址和所述關鍵參數，從所述應用程序頁面跳轉至所述本地頁面，以供用戶在所述本地頁面中對所述預先確定的功能進行調試。

可選地，所述調試插件為Vue插件，設置于所述應用程序頁面的隱藏區域，作為一個隱藏塊；所述關鍵參數還包括所述隱藏塊在所述應用程序頁面中的位置。

可選地，所述喚醒事件為點擊所述隱藏塊的次數。

可選地，所述根據用戶在所述跳轉輸入區中輸入的跳轉地址和所述關鍵參數，從所述應用程序頁面跳轉至所述本地頁面包括：

接收用戶在所述跳轉輸入區中輸入的跳轉地址；

將接收到的所述跳轉地址與所述關鍵參數中的所述本地頁面地址進行對比，當兩者一致時，從所述應用程序頁面跳轉至所述跳轉地址對應的所述本地頁面。

可選地，該方法在所述接收用戶在所述跳轉輸入區中輸入的跳轉地址之前還包括：

根據所述關鍵參數中的所述本地頁面地址在所述本地頁面調試跳轉界面的預設區域提示用戶輸入與所述本地頁面地址相同的跳轉地址。

可選地，所述跳轉輸入區包括跳轉地址輸入框和跳轉按鈕；所述跳轉采用替換當前頁面的方式。