[發明專利]頁面加載方法、設備、裝置、存儲介質及程序產品

在審

• 申請號: 202111423965.8
• 申請日: 2021-11-26
• 公開（公告）號: CN114356434A
• 公開（公告）日: 2022-04-15
• 發明（設計）人: 矯志宇
• 申請（專利權）人: 北京達佳互聯信息技術有限公司
• 主分類號: G06F9/445
• 分類號: G06F9/445
• 代理公司: 北京太合九思知識產權代理有限公司 11610
• 代理人: 劉戈;張愛

本申請提出一種頁面加載方法、設備、裝置、存儲介質及程序產品。在本申請實施例中，在對頁面對應的不同文件包加載過程中，可以將各文件包對應類型的標識信息添加到頁面對應的堆棧中。基于此，在監控到頁面發生異常的情況下，可以從堆棧返回的堆棧信息中識別發生異常的頁面對應的標識信息，以根據該標識信息確定發生異常的文件所屬的文件包類型。進一步，基于堆棧返回的堆棧信息和確定的文件包類型，可以在文件包對應的源文件中快速、準確的定位引起異常的程序代碼位置，有助于開發人員分析造成異常的原因及解決異常。

技術領域

本申請涉及計算機技術領域，尤其涉及一種頁面加載方法、設備、裝置、存儲介質及程序產品。

背景技術

React Native(簡稱RN)是一款開源的跨平臺移動應用開發框架，使用JavaScript(簡稱JS)語言來開發移動應用，支持iOS和Android兩大平臺。以在RN框架下使用Android開發移動應用程序為例，當開發人員編寫好Android程序后，RN框架會把JS程序打包后的JsBundle文件進行加載。隨著業務增加，JsBundle文件的體積會越來越大，特別是在多模塊場景下，JsBundle文件的數量會更多，給程序文件的加載效率造成很大影響。因此，根據不同的業務需求對JsBundle文件進行拆包，成為集成RN時必須考慮的問題。

在現有方案中，在集成RN框架時可以根據業務需求將JsBundle文件拆分成對應不同業務需求的基礎包和業務包，其中，基礎包中包含有業務包運行所需的基礎環境信息，需要在業務包加載之前被加載，在業務包均也被加載的情況下，可以實現應用程序對應的功能。在應用程序運行過程中可能發生JS異常，為了快速、準確定位異常原因，有必要識別異常是基礎包和業務包中哪種類型的文件包引起的，但是現有方案中，JS引擎無法快速、準確的區分是基礎包還是業務包發生JS異常。

發明內容

本申請提供一種頁面加載方法、設備、裝置、存儲介質及程序產品，用于在加載不同類型的文件包時向頁面對應的堆棧中添加與文件包類型對應的標識信息，以在頁面發生異常的情況下，根據標識信息快速、準確的定位引起異常的文件包類型。

本申請實施例提供一種頁面加載方法，包括：響應于頁面加載請求，獲取待加載頁面對應的基礎文件包和業務文件包，并創建所述待加載頁面對應的堆棧；加載所述基礎文件包，在成功加載所述基礎文件包的情況下，加載所述業務文件包，并在所述堆棧中記錄頁面加載對應的堆棧信息，所述堆棧信息中包括所述基礎文件包和業務文件包分別對應的標識信息；在所述頁面運行過程中，監控所述頁面是否發生異常；在監控到發生異常的情況下，獲取所述堆棧返回的與所述異常對應的目標堆棧信息；識別所述目標堆棧信息中的目標標識信息，根據所述目標標識信息確定引起所述異常的文件包類型。

在一可選實施例中，在響應于頁面加載請求之前，所述方法還包括：獲取所述待加載頁面對應的多個源文件，對所述多個源文件進行拆分并壓縮得到文件包，所述文件包包括基礎文件包和業務文件包，為所述基礎文件包和業務文件包創建不同的標識信息。

在一可選實施例中，所述標識信息包括所述基礎文件包和所述業務文件包分別對應的名稱以及版本號。

在一可選實施例中，所述堆棧信息以預設格式記錄在所述堆棧中，則識別所述目標堆棧信息中的目標標識信息，包括：利用與所述預設格式適配的正則表達式，識別所述目標堆棧信息中的堆棧的標識符、目標標識信息以及引起所述異常的代碼行列號。

在一可選實施例中，所述方法還包括：根據所述目標標識信息中堆棧的標識符，確定引起頁面加載異常的目標源文件；以及根據所述目標堆棧信息中引起所述異常的代碼行列號，在所述目標源文件中定位引起所述異常的程序代碼位置。

在一可選實施例中，根據所述目標堆棧信息中引起所述異常的代碼行列號，在所述目標源文件中定位引起所述異常的程序代碼位置，包括：根據所述目標堆棧信息中引起所述異常的代碼行列號以及文件包與源文件之間的內容對應的位置映射關系，在所述目標源文件中定位引起所述異常的程序代碼位置。