Immersive H5 page display method and device, equipment and storage medium

Abstract

The invention discloses an immersive H5 page display method and device, equipment and a storage medium, and relates to the technical field of computers, the method comprises the following steps: detecting a running environment of an H5 page; according to the operation environment, determining a state of a custom navigation bar, the state including a display state and a hidden state; and displaying the H5 page according to the state of the custom navigation bar. By detecting the operation environment of the page, adaptive display or hiding of the navigation bar in the H5 page is realized in different operation environments, consistent effects on different systems and devices are ensured, compatibility is enhanced, the research and development cost and time for independent development of different devices are reduced, and the use experience of a user is improved.

Description

Technical Field

[0001] The present invention relates to the field of computer technology, and in particular to a display method, device, equipment and storage medium for an immersive H5 page. Background Art

[0002] In the hybrid development mode, the immersive navigation effect of the H5 page needs to adapt to the models, sizes and resolutions of different devices. Developers need to write and adjust the code for each device separately to ensure the correct display of the immersive navigation effect, and the development and testing cycle is long. In addition, the display differences between different devices make it impossible for the immersive navigation effect to be presented consistently on different screens. For example, different models of devices may use different operating system versions and browser kernels, which will cause CSS and JavaScript to behave differently. For example, some devices may not support certain CSS properties or JavaScript methods, requiring developers to perform compatibility processing. Or, the screen size of the device varies greatly, from small smartphones to large tablets, the screen width and height vary, resulting in the navigation bar on some devices may be displayed too large or too small, affecting the visual effect and user experience. Summary of the invention

[0003] Based on this, it is necessary to provide a display method, device, equipment and storage medium for an immersive H5 page in response to the above technical problems, so as to solve at least one of the above technical problems.

[0004] The present invention provides a method for displaying an immersive H5 page, comprising:

[0005] Detect the operating environment of the H5 page;

[0006] Determine the state of the custom navigation bar according to the operating environment, wherein the state includes a display state and a hidden state;

[0007] The H5 page is displayed according to the status of the custom navigation bar.

[0008] Optionally, according to a method for displaying an immersive H5 page provided by the present invention, determining the state of the custom navigation bar according to the operating environment includes:

[0009] Detect whether the H5 page in the operating environment is in full-screen display mode;

[0010] According to the detection result, the state of the custom navigation bar is determined.

[0011] Optionally, according to a method for displaying an immersive H5 page provided by the present invention, the operating environment includes an operating system type, an application version number, and an application identifier;

[0012] Before detecting whether the H5 page in the operating environment opens the full-screen display mode, the method further includes:

[0013] Determining whether the H5 page supports an immersive full-screen display mode according to the operating system type, the application version number, and the application identifier;

[0014] If supported, the step of detecting whether the H5 page in the operating environment is in full-screen display mode is executed;

[0015] If not supported, the application's default navigation bar is displayed.

[0016] Optionally, according to a method for displaying an immersive H5 page provided by the present invention, after displaying the H5 page according to the state of the custom navigation bar, the method further includes:

[0017] When a page switching request is received, the custom navigation bar is hidden before jumping out of the H5 page to display the default navigation bar of the application;

[0018] When a request to jump to the H5 page is detected, the custom navigation bar is displayed.

[0019] Optionally, according to a method for displaying an immersive H5 page provided by the present invention, after displaying the H5 page according to the state of the custom navigation bar, the method further includes:

[0020] When a page return request from the user is received, the custom navigation bar is closed, and the page is navigated to the upper level page of the H5 page or the page container of the H5 page is closed.

[0021] Optionally, according to a method for displaying an immersive H5 page provided by the present invention, displaying the H5 page according to the state of the custom navigation bar includes:

[0022] When the state is the display state, the custom navigation bar is displayed in the H5 page;

[0023] When the state is a hidden state, the custom navigation bar is hidden in the H5 page.

[0024] Optionally, according to a method for displaying an immersive H5 page provided by the present invention, before detecting the operating environment of the H5 page, the method further includes:

[0025] Create a navigation bar component of the H5 page, and determine a custom style of the navigation bar component to obtain the custom navigation bar.

[0026] The present invention also provides a display device for an immersive H5 page, comprising:

[0027] Detection module, used to detect the operating environment of the H5 page;

[0028] A determination module, used to determine the state of the custom navigation bar according to the operating environment, wherein the state includes a display state and a hidden state;

[0029] The display module is used to display the H5 page according to the state of the custom navigation bar.

[0030] The present invention also provides a computer device, including a memory, a processor, and computer-readable instructions stored in the memory and executable on the processor, wherein the processor implements the above-mentioned immersive H5 page display method when executing the computer-readable instructions.

[0031] The present invention also provides one or more readable storage media storing computer-readable instructions, and when the computer-readable instructions are executed by a processor, the display method of the immersive H5 page is implemented.

[0032] The present invention also provides a computer program product, including a computer program, which, when executed by a processor, implements any of the above-mentioned methods for displaying an immersive H5 page.

[0033] The above-mentioned display method, device, equipment and storage medium of the immersive H5 page include: detecting the operating environment of the H5 page; determining the state of the custom navigation bar according to the operating environment, wherein the state includes a display state and a hidden state; and displaying the H5 page according to the state of the custom navigation bar. The present invention detects the operating environment of the page, and then realizes the adaptive display or hiding of the navigation bar in the H5 page under different operating environments, ensuring consistent effects on different systems and devices, enhancing compatibility, thereby reducing the R&D cost and time for independent development of different devices, and improving the user experience. BRIEF DESCRIPTION OF THE DRAWINGS

[0034] In order to more clearly illustrate the technical solutions of the embodiments of the present invention, the accompanying drawings required for use in the description of the embodiments of the present invention will be briefly introduced below. Obviously, the accompanying drawings in the following description are only some embodiments of the present invention. For ordinary technicians in this field, other accompanying drawings can be obtained based on these accompanying drawings without paying creative labor.

[0035] Figure 1 It is a flow chart of a method for displaying an immersive H5 page in one embodiment of the present invention;

[0036] Figure 2It is a system framework diagram provided by a method for displaying an immersive H5 page according to an embodiment of the present invention;

[0037] Figure 3 It is a structural schematic diagram of a display device of an immersive H5 page in one embodiment of the present invention;

[0038] Figure 4 is a schematic diagram of a computer device in one embodiment of the present invention. DETAILED DESCRIPTION

[0039] The following will be combined with the drawings in the embodiments of the present invention to clearly and completely describe the technical solutions in the embodiments of the present invention. Obviously, the described embodiments are part of the embodiments of the present invention, not all of the embodiments. Based on the embodiments of the present invention, all other embodiments obtained by ordinary technicians in this field without creative work are within the scope of protection of the present invention.

[0040] The terms used in one or more embodiments of the present invention are only for the purpose of describing specific embodiments, and are not intended to limit one or more embodiments of the present invention. The singular forms of "a", "said" and "the" used in one or more embodiments of the present invention are also intended to include plural forms, unless the context clearly indicates other meanings. It should also be understood that the term "and / or" used in one or more embodiments of the present invention refers to and includes any or all possible combinations of one or more associated listed items.

[0041] It should be understood that, although the terms first, second, etc. may be used to describe various information in one or more embodiments of the present invention, these information should not be limited to these terms. These terms are only used to distinguish the same type of information from each other. For example, without departing from the scope of one or more embodiments of the present invention, the first may also be referred to as the second, and similarly, the second may also be referred to as the first. Depending on the context, the word "if" as used herein may be interpreted as "when..." or "when...".

[0042] In the hybrid development mode, the immersive navigation effect of the H5 page needs to adapt to the models, sizes and resolutions of different devices. Developers need to write and adjust the code for each device separately to ensure the correct display of the immersive navigation effect, and the development and testing cycle is long. In addition, the display differences between different devices make it impossible for the immersive navigation effect to be presented consistently on different screens. For example, different models of devices may use different operating system versions and browser kernels, which will cause CSS and JavaScript to behave differently. For example, some devices may not support certain CSS properties or JavaScript methods, requiring developers to perform compatibility processing. Or, the screen size of the device varies greatly, from small smartphones to large tablets, the screen width and height vary, resulting in the navigation bar on some devices may be displayed too large or too small, affecting the visual effect and user experience.

[0043] To solve the above problem, specifically, in one embodiment, Figure 1 As shown, Figure 1 : is a flow chart of a method for displaying an immersive H5 page in an embodiment of the present invention. The embodiment of the present invention provides a method for displaying an immersive H5 page, comprising the following steps:

[0044] Step S11, detecting the operating environment of the H5 page;

[0045] It should be noted that the operating environment includes the operating system type, application version number and application identifier; the operating system type includes IOS operating system and Android operating system, etc. The application version number is a string used to identify the specific version of the application, which is set every time a new version is released, and is mainly used to track the update and change history of the application; the application identifier is a unique string or code used to identify a specific application. For example, on an operating system (such as iOS or Android), multiple applications may have similar names, but they have different application identifiers to ensure that the corresponding application APP can be uniquely identified.

[0046] Specifically, when the system starts running, it can detect the operating environment of the current H5 page (operating system type, application version number and application identification, etc.) to determine whether the current operating environment supports the display of the immersive H5 page.

[0047] Step S12, determining the state of the custom navigation bar according to the operating environment, wherein the state includes a display state and a hidden state;

[0048] Specifically, according to the operating system type, the application version number and the application identifier, determine whether the H5 page supports the immersive full-screen display mode; that is, determine whether the operating system supports the full-screen display mode; determine whether the application version supports the full-screen display mode, and detect the application identifier to ensure that the application identifier is correct to verify the legitimacy and integrity of the application. If supported, detect whether the H5 page in the operating environment is in full-screen display mode; and determine the status of the custom navigation bar based on the detection result.

[0049] Step S13, displaying the H5 page according to the state of the custom navigation bar.

[0050] Specifically, when the state is displayed, the custom navigation bar is displayed in the H5 page, and the navigation bar appears at the top of the page or in other areas; in addition, when the state is hidden, the custom navigation bar is hidden in the H5 page. Thus, by displaying the H5 page according to the state of the custom navigation bar, the page content can be presented in full-screen mode, removing the borders and navigation of traditional web pages, ensuring that the user's attention is fully focused on the content, and improving the user's experience.

[0051] The embodiment of the present invention, through the above scheme, includes: detecting the operating environment of the H5 page; determining the state of the custom navigation bar according to the operating environment, wherein the state includes a display state and a hidden state; and displaying the H5 page according to the state of the custom navigation bar. The embodiment of the present invention detects the operating environment of the page, and then realizes the adaptive display or hiding of the navigation bar in the H5 page under different operating environments, ensuring consistent effects on different systems and devices, enhancing compatibility, thereby reducing the R&D cost and time for independent development of different devices, and improving the user experience.

[0052] In one embodiment of the present invention, determining the state of the custom navigation bar according to the operating environment includes:

[0053] Detect whether the H5 page in the operating environment opens the full-screen display mode; determine the state of the custom navigation bar according to the detection result.

[0054] It should be noted that the operating environment includes information such as the operating system type, application version number, and application identifier. The operating system type includes the iOS operating system and the Android operating system, etc. The application version number is a string used to identify the specific version of the application; the application identifier refers to the unique ID label of the application APP.

[0055] It should be noted that the embodiment of the present invention supports automatic full screen mode and manually set full screen mode, that is, when in automatic full screen mode, the system automatically switches the H5 page to full screen mode without manual operation by the user. For example, when the user enters a specific video playback page, the system automatically switches the page to full screen mode to provide a better viewing experience.

[0056] When in manual full-screen mode, the user can manually call the interface to start or disable full-screen mode. For example, when watching a video, the user can click a full-screen button to switch to full-screen mode.

[0057] Specifically, according to the operating system type, the application version number and the application identifier, it is detected whether the H5 page supports the immersive full-screen display mode in the operating environment, for example, the custom navigation bar is not enabled when the application environment (browser, etc.) is running; if not, the default navigation bar of the application is displayed. If the immersive full-screen display mode is supported, it is determined whether the application version number is the latest released version number. For example, if the application version number is not the latest released version, it is necessary to downgrade to call the corresponding older version of the client API in the old version environment, so that it can be compatible with the full-screen display mode of different application versions. It is detected whether the H5 page in the operating environment is in full-screen display mode; and then the state of the custom navigation bar is determined according to the detection result. For example, if the H5 page in the operating environment has the full-screen display mode turned on, it is determined to display the custom navigation bar in the H5 page; if the H5 page in the operating environment does not have the full-screen display mode turned on, the custom navigation bar is hidden in the H5 page, and the default navigation bar of the application is displayed.

[0058] The embodiment of the present invention adopts the above scheme, including: detecting whether the H5 page in the operating environment is in full screen display mode; and determining the state of the custom navigation bar according to the detection result. The adaptive display or hiding of the navigation bar in the H5 page in different operating environments ensures consistent effects on different systems and devices and enhances compatibility.

[0059] In one embodiment of the present invention, after displaying the H5 page according to the state of the custom navigation bar, the method further includes:

[0060] When a page switching request is received, the custom navigation bar is hidden before jumping out of the H5 page to display the default navigation bar of the application; when a request to jump to the H5 page is detected, the custom navigation bar is displayed.

[0061] It should be noted that the default navigation bar refers to a native navigation bar of a style or layout preset by the system. In this embodiment, the full-screen state control can be switched when the page is loaded or jumped. Specifically, when a page switching request is received, that is, jumping from the current H5 page to another page, since it is impossible to determine whether the jumped page starts the full-screen display mode, in this embodiment of the present invention, the custom navigation bar is hidden before jumping out of the H5 page to display the default navigation bar of the application.

[0062] In addition, when a request to jump back to the H5 page from other pages is detected, the custom navigation bar is displayed.

[0063] The embodiment of the present invention adopts the above scheme, including: when receiving a page switching request, hiding the custom navigation bar before jumping out of the H5 page to display the default navigation bar of the application; when detecting a request to jump to the H5 page, displaying the custom navigation bar. According to the page jump request, the default navigation bar will replace the custom navigation bar when the page is switched, and the custom navigation bar will be displayed in a specific H5 page, so as to realize dynamic modification of component properties to generate an immersive H5 page.

[0064] In one embodiment of the present invention, after displaying the H5 page according to the state of the custom navigation bar, the method further includes:

[0065] When a page return request from the user is received, the custom navigation bar is closed, and the page is navigated to the upper level page of the H5 page or the page container of the H5 page is closed.

[0066] Specifically, when receiving a page return request from the user on the current H5 page, the custom navigation bar of the H5 page is closed, and the page is navigated to the upper level page of the H5 page. In addition, if the H5 page does not have an upper level page, the page container of the H5 page is directly closed.

[0067] In one embodiment of the present invention, before detecting the operating environment of the H5 page, the method further includes:

[0068] Create a navigation bar component of the H5 page, and determine a custom style of the navigation bar component to obtain the custom navigation bar.

[0069] Specifically, a blank navigation bar component is created, and then the custom style of the navigation bar component is determined, for example, the length, width, background color, text color and other styles of the navigation bar are customized. In other embodiments, the navigation bar component is open to the outside with a functional interface, which allows the current page to pass in the function name, including custom functions such as sharing, refreshing the page, and obtaining the page address. Each page embedded with the navigation bar can define the function list. Through the external interface, each page can enrich the content of the navigation bar according to needs.

[0070] The embodiment of the present invention, through the above scheme, includes: creating a navigation bar component of an H5 page, and determining a custom style of the navigation bar component to obtain the custom navigation bar. The modularization of the navigation bar function is achieved, and the navigation bar component of the H5 page is created, which greatly improves the reusability and maintainability of the code; in addition, an immersive H5 page can be generated by dynamically modifying the state of the component.

[0071] Further, refer to Figure 2 , Figure 2 It is a system framework diagram provided by a method for displaying an immersive H5 page according to an embodiment of the present invention. Specifically, the system includes an application layer, a platform adaptation layer, and a native layer, wherein the application layer: provides a customized navigation bar component as a unified navigation bar interface; the system supports two display modes, standard and immersive, wherein the standard mode displays the default navigation bar of the application, and the immersive mode uses a customized navigation bar for full-screen display. In addition, a customized style interface is provided, and users can customize the component style of the navigation bar. It can also process user interaction events, for example, receiving a user's page switching request or page return request, thereby executing corresponding events.

[0072] Platform adaptation layer: Provides tool modules for environmental detection, thereby detecting the operating environment of the H5 page (operating system type, application version number and application identifier, etc.), and provides a unified API call interface to solve the problems of platform differentiation and version compatibility.

[0073] Native layer: implements the control of iOS and Android native navigation bars, that is, the control of the application's navigation bar; manages the style of the navigation bar and controls the full-screen display mode, including automatic full-screen mode and manually set full-screen mode.

[0074] The embodiment of the present invention adopts a three-layer architecture design to modularize the navigation bar functions by building a customized navigation bar, thereby greatly improving the reusability and maintainability of the code; secondly, through the abstract design of the platform adaptation layer, it can solve the difference problem between iOS and Android platforms, so that the upper-level application can be called through a unified interface, effectively solving the adaptation problem of the mobile navigation bar in cross-platform scenarios; in addition, the application can intelligently identify the operating environment and make corresponding adjustments, greatly improving the user experience.

[0075] It should be understood that the order of execution of the steps in the above embodiment does not necessarily mean the order of execution. The execution order of each process should be determined by its function and internal logic, and should not constitute any limitation on the implementation process of the embodiment of the present invention.

[0076] In one embodiment, a display device for an immersive H5 page is provided, and the display device for the immersive H5 page corresponds to the display method for the immersive H5 page in the above embodiment. Figure 3 As shown, Figure 3 : is a structural schematic diagram of a display device for an immersive H5 page in an embodiment of the present invention, and the display device for an immersive H5 page includes:

[0077] Detection module 21, used to detect the operating environment of the H5 page;

[0078] A determination module 22, configured to determine a state of the custom navigation bar according to the operating environment, wherein the state includes a display state and a hidden state;

[0079] The display module 23 is used to display the H5 page according to the state of the custom navigation bar.

[0080] The display device of the immersive H5 page includes:

[0081] A first page switching module, configured to hide the custom navigation bar before jumping out of the H5 page upon receiving a page switching request, so as to display the default navigation bar of the application;

[0082] The second page switching module is used to display the custom navigation bar when detecting a request to jump to the H5 page.

[0083] The determination module 22 is further used for:

[0084] Detect whether the H5 page in the operating environment is in full-screen display mode;

[0085] According to the detection result, the state of the custom navigation bar is determined.

[0086] The display device of the immersive H5 page includes:

[0087] The operating environment includes an operating system type, an application version number, and an application identifier.

[0088] The determination module 22 is further used for:

[0089] Determining whether the H5 page supports an immersive full-screen display mode according to the operating system type, the application version number, and the application identifier;

[0090] If supported, the step of detecting whether the H5 page in the operating environment is in full-screen display mode is executed;

[0091] If not supported, the application's default navigation bar is displayed.

[0092] The display device of the immersive H5 page includes:

[0093] The closing module is used to close the custom navigation bar and navigate the page to the previous page of the H5 page or close the page container of the H5 page when receiving a page return request from the user.

[0094] The display module 23 is also used for:

[0095] When the state is the display state, the custom navigation bar is displayed in the H5 page;

[0096] When the state is a hidden state, the custom navigation bar is hidden in the H5 page.

[0097] The display device of the immersive H5 page includes:

[0098] A creation module is used to create a navigation bar component of an H5 page, and determine a custom style of the navigation bar component to obtain the custom navigation bar.

[0099] For the specific definition of the display device of the immersive H5 page, please refer to the definition of the display method of the immersive H5 page above, which will not be repeated here. Each module in the above-mentioned display device of the immersive H5 page can be implemented in whole or in part by software, hardware and a combination thereof. The above-mentioned modules can be embedded in or independent of the processor in the computer device in the form of hardware, or can be stored in the memory of the computer device in the form of software, so that the processor can call and execute the operations corresponding to the above modules.

[0100] In one embodiment, a computer device is provided. The computer device may be a server, and its internal structure diagram may be as follows: Figure 4 As shown, Figure 4: is a schematic diagram of a computer device in one embodiment of the present invention. The computer device includes a processor, a memory, a network interface and a database connected by a device bus. Among them, the processor of the computer device is used to provide computing and control capabilities. The memory of the computer device includes a readable storage medium and an internal memory. The readable storage medium stores an operating device, a computer-readable instruction and a database. The internal memory provides an environment for the operation of the operating device and the computer-readable instructions in the readable storage medium. The database of the computer device is used to store data involved in the display method of the immersive H5 page. The network interface of the computer device is used to communicate with an external terminal through a network connection. When the computer-readable instruction is executed by the processor, a method for displaying an immersive H5 page is implemented. The readable storage medium provided in this embodiment includes a non-volatile readable storage medium and a volatile readable storage medium.

[0101] In one embodiment, a computer device is provided. The computer device may be a terminal device, and its internal structure diagram may be as follows: Figure 4 As shown. The computer device includes a processor, a memory, and a network interface connected through a device bus. The processor of the computer device is used to provide computing and control capabilities. The memory of the computer device includes a readable storage medium. The readable storage medium stores computer-readable instructions. The network interface of the computer device is used to communicate with an external terminal through a network connection. When the computer-readable instructions are executed by the processor, a method for displaying an immersive H5 page is implemented, including: detecting the operating environment of the H5 page; determining the state of a custom navigation bar according to the operating environment, wherein the state includes a display state and a hidden state; and displaying the H5 page according to the state of the custom navigation bar. The readable storage medium provided in this embodiment includes a non-volatile readable storage medium and a volatile readable storage medium.

[0102] In one embodiment, a computer device is provided, including a memory, a processor, and a computer-readable instruction stored in the memory and executable on the processor, and when the processor executes the computer-readable instruction, the steps of the method for displaying the immersive H5 page described above are implemented. The method includes: detecting the operating environment of the H5 page; determining the state of the custom navigation bar according to the operating environment, wherein the state includes a display state and a hidden state; and displaying the H5 page according to the state of the custom navigation bar.

[0103] In one embodiment, a readable storage medium is provided, and the readable storage medium stores computer-readable instructions, and when the computer-readable instructions are executed by the processor, the display method steps of the immersive H5 page as described above are implemented. A person of ordinary skill in the art can understand that all or part of the processes in the above-mentioned embodiment method can be completed by instructing the relevant hardware through computer-readable instructions, and the computer-readable instructions can be stored in a non-volatile readable storage medium or a volatile readable storage medium. When the computer-readable instructions are executed, they may include the processes of the embodiments of the above-mentioned methods. Among them, any reference to memory, storage, database or other media used in the embodiments provided in this application may include non-volatile and / or volatile memory. Non-volatile memory may include read-only memory (ROM), programmable ROM (PROM), electrically programmable ROM (EPROM), electrically erasable programmable ROM (EEPROM) or flash memory. Volatile memory may include random access memory (RAM) or external cache memory. By way of illustration and not limitation, RAM is available in many forms, such as static RAM (SRAM), dynamic RAM (DRAM), synchronous DRAM (SDRAM), double data rate SDRAM (DDRSDRAM), enhanced SDRAM (ESDRAM), synchronous link (Synchlink) DRAM (SLDRAM), memory bus (Rambus) direct RAM (RDRAM), direct memory bus dynamic RAM (DRDRAM), and memory bus dynamic RAM (RDRAM), etc.

[0104] In one embodiment, a computer program product is provided, which includes a computer program. The computer program can be stored on a non-transitory computer-readable storage medium. When the computer program is executed by a processor, the computer can execute the display method of the immersive H5 page provided by the above methods.

[0105] Those skilled in the art can clearly understand that for the convenience and simplicity of description, only the division of the above-mentioned functional units and modules is used as an example. In actual applications, the above-mentioned functions can be distributed and completed by different functional units and modules as needed, that is, the internal structure of the device can be divided into different functional units or modules to complete all or part of the functions described above.

[0106] The embodiments described above are only used to illustrate the technical solutions of the present invention, rather than to limit the same. Although the present invention has been described in detail with reference to the aforementioned embodiments, those skilled in the art should understand that the technical solutions described in the aforementioned embodiments may still be modified, or some of the technical features may be replaced by equivalents. Such modifications or replacements do not deviate the essence of the corresponding technical solutions from the spirit and scope of the technical solutions of the embodiments of the present invention, and should all be included in the protection scope of the present invention.

Claims

1. A method for displaying an immersive H5 page, characterized in that: include: Detect the operating environment of the H5 page; Determine the state of the custom navigation bar according to the operating environment, wherein the state includes a display state and a hidden state; The H5 page is displayed according to the status of the custom navigation bar.

2. The method for displaying an immersive H5 page according to claim 1, characterized in that: After displaying the H5 page according to the state of the custom navigation bar, the method further includes: When a page switching request is received, the custom navigation bar is hidden before jumping out of the H5 page to display the default navigation bar of the application; When a request to jump to the H5 page is detected, the custom navigation bar is displayed.

3. The method for displaying an immersive H5 page according to claim 1, characterized in that: The step of determining the state of the custom navigation bar according to the operating environment includes: Detect whether the H5 page in the operating environment is in full-screen display mode; According to the detection result, the state of the custom navigation bar is determined.

4. The method for displaying an immersive H5 page according to claim 3, characterized in that: The operating environment includes the operating system type, application version number and application identifier; Before detecting whether the H5 page in the operating environment opens the full-screen display mode, the method further includes: Determining whether the H5 page supports an immersive full-screen display mode according to the operating system type, the application version number, and the application identifier; If supported, the step of detecting whether the H5 page in the operating environment is in full-screen display mode is executed; If not supported, the application's default navigation bar is displayed.

5. The method for displaying an immersive H5 page according to claim 1, characterized in that: After displaying the H5 page according to the state of the custom navigation bar, the method further includes: When a page return request from the user is received, the custom navigation bar is closed, and the page is navigated to the upper level page of the H5 page or the page container of the H5 page is closed.

6. The method for displaying an immersive H5 page according to claim 1, characterized in that: The step of displaying the H5 page according to the state of the custom navigation bar includes: When the state is the display state, the custom navigation bar is displayed in the H5 page; When the state is a hidden state, the custom navigation bar is hidden in the H5 page.

7. The method for displaying an immersive H5 page according to claim 1, characterized in that: Before detecting the operating environment of the H5 page, the following steps are also included: Create a navigation bar component of the H5 page, and determine a custom style of the navigation bar component to obtain the custom navigation bar.

8. A display device for an immersive H5 page, characterized in that: include: Detection module, used to detect the operating environment of the H5 page; A determination module, used to determine the state of the custom navigation bar according to the operating environment, wherein the state includes a display state and a hidden state; The display module is used to display the H5 page according to the state of the custom navigation bar.

9. A computer device comprising a memory, a processor, and computer-readable instructions stored in the memory and executed on the processor, characterized in that: When the processor executes the computer-readable instructions, the display method of the immersive H5 page as described in any one of claims 1 to 7 is implemented.

10. A readable storage medium having computer readable instructions stored thereon, characterized in that: When the computer-readable instructions are executed by a processor, the display method of the immersive H5 page as described in any one of claims 1 to 7 is implemented.

Images