本發(fā)明涉及計算機，尤其涉及一種沉浸式h5頁面的顯示方法、裝置、設備及存儲介質。

背景技術：

1、在混合開發(fā)模式中，h5頁面的沉浸式導航效果需要適應不同設備的型號、尺寸和分辨率，開發(fā)人員需要為每款設備單獨編寫和調整代碼，以確保沉浸式導航效果的正確顯示，開發(fā)和測試周期較長。此外，不同設備之間的顯示差異使得沉浸式導航效果在不同屏幕上無法一致呈現(xiàn)，例如，不同型號的設備可能使用不同的操作系統(tǒng)版本和瀏覽器內核，這會導致css和javascript的行為有所不同。例如，某些設備可能不支持某些css屬性或javascript方法，需要開發(fā)人員進行兼容性處理?；蛘?，設備的屏幕尺寸差異較大，從小型的智能手機到大型的平板電腦，屏幕寬度和高度各不相同，導致某些設備上的導航欄可能顯示得過大或過小，影響了視覺效果和用戶的使用體驗。

技術實現(xiàn)思路

1、基于此，有必要針對上述技術問題，提供一種沉浸式h5頁面的顯示方法、裝置、設備及存儲介質，以解決上述技術問題中存在的至少一個問題。

2、本發(fā)明提供一種沉浸式h5頁面的顯示方法，包括：

3、檢測h5頁面的運行環(huán)境；

4、根據所述運行環(huán)境，確定自定義導航欄的狀態(tài)，其中，所述狀態(tài)包括顯示狀態(tài)和隱藏狀態(tài)；

5、根據所述自定義導航欄的狀態(tài)，顯示所述h5頁面。

6、可選地，根據本發(fā)明提供的一種沉浸式h5頁面的顯示方法，所述根據所述運行環(huán)境，確定自定義導航欄的狀態(tài)，包括：

7、檢測所述運行環(huán)境下所述h5頁面是否開啟全屏顯示模式；

8、根據檢測結果，確定所述自定義導航欄的狀態(tài)。

9、可選地，根據本發(fā)明提供的一種沉浸式h5頁面的顯示方法，所述運行環(huán)境包括操作系統(tǒng)類型、應用版本號和應用標識；

10、所述檢測所述運行環(huán)境下所述h5頁面是否開啟全屏顯示模式之前，還包括：

11、根據所述操作系統(tǒng)類型、所述應用版本號和所述應用標識，判斷所述h5頁面是否支持沉浸式的全屏顯示模式；

12、若支持，則執(zhí)行所述檢測所述運行環(huán)境下所述h5頁面是否開啟全屏顯示模式的步驟；

13、若不支持，則顯示應用默認的導航欄。

14、可選地，根據本發(fā)明提供的一種沉浸式h5頁面的顯示方法，所述根據所述自定義導航欄的狀態(tài)，顯示所述h5頁面之后，還包括：

15、當接收到頁面切換請求時，在跳轉出所述h5頁面之前隱藏所述自定義導航欄，以顯示應用默認的導航欄；

16、當檢測跳轉至所述h5頁面的請求時，顯示所述自定義導航欄。

17、可選地，根據本發(fā)明提供的一種沉浸式h5頁面的顯示方法，所述根據所述自定義導航欄的狀態(tài)，顯示所述h5頁面之后，還包括：

18、當接收到用戶的頁面返回請求時，關閉所述自定義導航欄，并將頁面導航到所述h5頁面的上一級頁面或者關閉h5頁面的頁面容器。

19、可選地，根據本發(fā)明提供的一種沉浸式h5頁面的顯示方法，所述根據所述自定義導航欄的狀態(tài)，顯示所述h5頁面，包括：

20、當所述狀態(tài)是顯示狀態(tài)時，則在所述h5頁面中顯示所述自定義導航欄；

21、當所述狀態(tài)是隱藏狀態(tài)時，則在所述h5頁面中隱藏所述自定義導航欄。

22、可選地，根據本發(fā)明提供的一種沉浸式h5頁面的顯示方法，所述檢測h5頁面的運行環(huán)境之前，還包括：

23、創(chuàng)建h5頁面的導航欄組件，并確定所述導航欄組件的自定義樣式，得到所述自定義導航欄。

24、本發(fā)明還提供一種沉浸式h5頁面的顯示裝置，包括：

25、檢測模塊，用于檢測h5頁面的運行環(huán)境；

26、確定模塊，用于根據所述運行環(huán)境，確定自定義導航欄的狀態(tài)，其中，所述狀態(tài)包括顯示狀態(tài)和隱藏狀態(tài)；

27、顯示模塊，用于根據所述自定義導航欄的狀態(tài)，顯示所述h5頁面。

28、本發(fā)明還提供一種計算機設備，包括存儲器、處理器以及存儲在所述存儲器中并可在所述處理器上運行的計算機可讀指令，所述處理器執(zhí)行所述計算機可讀指令時實現(xiàn)上述沉浸式h5頁面的顯示方法。

29、本發(fā)明還提供一個或多個存儲有計算機可讀指令的可讀存儲介質，所述計算機可讀指令被處理器執(zhí)行時實現(xiàn)上述沉浸式h5頁面的顯示方法。

30、本發(fā)明還提供一種計算機程序產品，包括計算機程序，所述計算機程序被處理器執(zhí)行時實現(xiàn)如上述任一種所述沉浸式h5頁面的顯示方法。

31、上述沉浸式h5頁面的顯示方法、裝置、設備及存儲介質，包括：檢測h5頁面的運行環(huán)境；根據所述運行環(huán)境，確定自定義導航欄的狀態(tài)，其中，所述狀態(tài)包括顯示狀態(tài)和隱藏狀態(tài)；根據所述自定義導航欄的狀態(tài)，顯示所述h5頁面。本發(fā)明通過檢測頁面的運行環(huán)境，進而在不同運行環(huán)境下實現(xiàn)h5頁面中導航欄的自適應顯示或隱藏，確保不同系統(tǒng)和設備上的一致效果，增強兼容性，從而減少對不同設備的獨立開發(fā)的研發(fā)成本和時間，提升用戶的使用體驗。

技術特征：

1.一種沉浸式h5頁面的顯示方法，其特征在于，包括：

2.根據權利要求1所述的沉浸式h5頁面的顯示方法，其特征在于，所述根據所述自定義導航欄的狀態(tài)，顯示所述h5頁面之后，還包括：

3.根據權利要求1所述的沉浸式h5頁面的顯示方法，其特征在于，所述根據所述運行環(huán)境，確定自定義導航欄的狀態(tài)，包括：

4.根據權利要求3所述的沉浸式h5頁面的顯示方法，其特征在于，所述運行環(huán)境包括操作系統(tǒng)類型、應用版本號和應用標識；

5.根據權利要求1所述的沉浸式h5頁面的顯示方法，其特征在于，所述根據所述自定義導航欄的狀態(tài)，顯示所述h5頁面之后，還包括：

6.根據權利要求1所述的沉浸式h5頁面的顯示方法，其特征在于，所述根據所述自定義導航欄的狀態(tài)，顯示所述h5頁面，包括：

7.根據權利要求1所述的沉浸式h5頁面的顯示方法，其特征在于，所述檢測h5頁面的運行環(huán)境之前，還包括：

8.一種沉浸式h5頁面的顯示裝置，其特征在于，包括：

9.一種計算機設備，包括存儲器、處理器及存儲在所述存儲器上并在所述處理器上運行的計算機可讀指令，其特征在于，所述處理器執(zhí)行所述計算機可讀指令時實現(xiàn)如權利要求1至7任一項所述的沉浸式h5頁面的顯示方法。

10.一種可讀存儲介質，其上存儲有計算機可讀指令，其特征在于，所述計算機可讀指令被處理器執(zhí)行時實現(xiàn)如權利要求1至7任一項所述的沉浸式h5頁面的顯示方法。

技術總結
本發(fā)明公開了一種沉浸式H5頁面的顯示方法、裝置、設備及存儲介質，涉及計算機技術領域，方法包括：檢測H5頁面的運行環(huán)境；根據所述運行環(huán)境，確定自定義導航欄的狀態(tài)，其中，所述狀態(tài)包括顯示狀態(tài)和隱藏狀態(tài)；根據所述自定義導航欄的狀態(tài)，顯示所述H5頁面。本發(fā)明通過檢測頁面的運行環(huán)境，進而在不同運行環(huán)境下實現(xiàn)H5頁面中導航欄的自適應顯示或隱藏，確保不同系統(tǒng)和設備上的一致效果，增強兼容性，從而減少對不同設備的獨立開發(fā)的研發(fā)成本和時間，提升用戶的使用體驗。

技術研發(fā)人員：胡志航,李蕊,張躍
受保護的技術使用者：深圳依時貨拉拉科技有限公司
技術研發(fā)日：
技術公布日：2025/5/15