Page content display method and device

Abstract

The embodiment of the invention provides a page content display method which comprises the steps that in response to a request for entering a target page, a dynamic content display area and native interface elements of the target page are obtained, and the dynamic content display area is borne through a web page; hiding the dynamic content display area and the native interface element; monitoring whether the web page is loaded or not; and under the condition that the loading of the web page is completed, displaying the dynamic content display area and the native interface element. According to the technical scheme provided by the embodiment of the invention, the operation position and the native control can be synchronously displayed when the loading of the web page is completed, so that a blank area abruptly appearing in the page is avoided, and the visual experience of a user is not influenced.

Description

Technical Field

[0001] The embodiments of the present application relate to the field of network technology, and in particular to a method, apparatus, computer device, computer-readable storage medium, and computer program product for displaying page content. Background Art

[0002] A placement refers to the space allocated for specific content, advertising, or functionality on a website or app. It plays a crucial role on any webpage. First, it's key to attracting user attention. Through carefully designed placement and content, placement guides users to browse and interact. Second, placement helps increase conversion rates, for example by prominently displaying promotional ads or important information, thereby encouraging users to purchase or register. Furthermore, a well-placed placement improves website navigation efficiency and user experience.

[0003] However, the operations of most platforms are carried out through web pages, which usually have native controls. Since the loading time of web pages may be affected by factors such as the network, server response, and resource size, there may be a delay in web page loading and the native controls may be displayed prematurely, resulting in the abrupt appearance of blank areas on the page, affecting the user's visual experience.

[0004] It should be noted that the above content is not necessarily prior art, nor is it intended to limit the scope of patent protection of this application. Summary of the Invention

[0005] The embodiments of the present application provide a page content display method, apparatus, computer device, computer-readable storage medium, and computer program product to solve or alleviate one or more technical problems raised above.

[0006] One aspect of an embodiment of the present application provides a method for displaying page content, the method comprising: In response to a request to enter a target page, obtaining a dynamic content display area and native interface elements of the target page, wherein the dynamic content display area is hosted by a web page; Hiding the dynamic content display area and the native interface elements; Monitor whether the web page is loaded; When the web page is loaded, the dynamic content display area and the native interface elements are displayed.

[0007] Optionally, monitoring whether the web page is loaded includes: The native side monitors the JavaScript bridge event when the web page is loaded; When the JavaScript bridging event is monitored, the native end determines that the web page loading is complete.

[0008] Optionally, displaying the dynamic content display area and the native interface element includes: The dynamic content display area and the native interface elements are displayed by the native end using a transition animation of a preset duration.

[0009] Optionally, the method further includes: Detecting the returned data of the target page to determine whether the returned data contains the target data of the dynamic content display area; In a case where the target data is included, the target data is synchronously transmitted to the web page.

[0010] Optionally, synchronously transmitting the target data to the web page includes: The target data is synchronously transmitted to the web page through a JavaScript bridging interface.

[0011] Optionally, the dynamic content display area includes an operation position display area, and the native interface element includes a native control.

[0012] Another aspect of an embodiment of the present application provides a device for displaying page content, the device comprising: an acquisition module, configured to, in response to a request to enter a target page, acquire a dynamic content display area and native interface elements of the target page, wherein the dynamic content display area is carried by a web page; A hiding module, used to hide the dynamic content display area and the native interface elements; A monitoring module, used to monitor whether the web page has been loaded; The display module is used to display the dynamic content display area and the native interface elements when the web page is loaded.

[0013] Another aspect of an embodiment of the present application provides a computer device, comprising: at least one processor; and a memory communicatively connected to the at least one processor; wherein: the memory stores instructions that can be executed by the at least one processor, and the instructions are executed by the at least one processor to enable the at least one processor to execute the method described above.

[0014] Another aspect of an embodiment of the present application provides a computer-readable storage medium, wherein the computer-readable storage medium stores computer instructions, and when the computer instructions are executed by a processor, the method described above is implemented.

[0015] Another aspect of an embodiment of the present application provides a computer program product, including a computer program, which implements the above-mentioned method when executed by a processor.

[0016] The above technical solution adopted in the embodiments of the present application may have the following advantages: By responding to a request to enter a target page, the dynamic content display area and native interface elements of the target page are obtained, and the dynamic content display area is carried by the web page; the dynamic content display area and native interface elements are hidden, and the web page is monitored to see whether loading is complete. When the web page is loaded, the dynamic content display area and native interface elements are displayed. Before the web page is loaded, the dynamic content display area (including the operation position) and the native interface elements (including the native controls) can be hidden first. When the web page is loaded, the dynamic content display area and the native interface elements are displayed synchronously. This can avoid the sudden appearance of blank areas in the page and ensure that the user's visual experience is not affected. BRIEF DESCRIPTION OF THE DRAWINGS

[0017] The accompanying drawings illustrate exemplary embodiments and constitute a part of the specification. Together with the description of the specification, they serve to explain exemplary implementation of the embodiments. The illustrated embodiments are for illustrative purposes only and do not limit the scope of the claims. Throughout the drawings, the same reference numerals designate similar, but not necessarily identical, elements.

[0018] Figure 1 The following diagram schematically illustrates an operating environment of the method for displaying page content according to the first embodiment of the present application; Figure 2 The following schematically shows a flow chart of a method for displaying page content according to the first embodiment of the present application; Figure 3 Schematically shows Figure 2 Flowchart of sub-steps of step S204; Figure 4 The following schematically illustrates the newly added process of the page content display method according to the first embodiment of the present application; Figure 5 A block diagram schematically shows a page content display device according to the second embodiment of the present application; and Figure 6 The following schematically shows a hardware architecture diagram of a computer device according to the third embodiment of the present application. DETAILED DESCRIPTION

[0019] In order to make the purpose, technical solutions and advantages of this application more clear, the present application is further described in detail below with reference to the accompanying drawings and examples. It should be understood that the specific embodiments described herein are only used to explain this application and are not intended to limit this application. Based on the embodiments in this application, all other embodiments obtained by ordinary technicians in this field without making creative efforts are within the scope of protection of this application.

[0020] It should be noted that the descriptions of "first", "second", etc. in the embodiments of the present application are for descriptive purposes only and should not be understood as indicating or implying their relative importance or implicitly indicating the number of the indicated technical features. Therefore, the features defined as "first" or "second" may explicitly or implicitly include at least one of such features. In addition, the technical solutions between the various embodiments can be combined with each other, but this must be based on the fact that they can be implemented by ordinary technicians in this field. When the combination of technical solutions is contradictory or cannot be implemented, it should be deemed that such a combination of technical solutions does not exist and is not within the scope of protection required by this application.

[0021] In the description of this application, it should be understood that the numerical labels before the steps do not indicate the order in which the steps are executed. They are only used to facilitate the description of this application and to distinguish each step. Therefore, they cannot be understood as limitations on this application.

[0022] First, an explanation of the terms involved in this application is provided: JavaScript bridge events: A mechanism for building communication bridges and implementing information interaction between different operating environments. It is commonly used in scenarios such as WebView, cross-window communication, and interaction between Node.js and browsers.

[0023] Secondly, to facilitate those skilled in the art to understand the technical solutions provided in the embodiments of the present application, the following describes the relevant technologies: Currently, the operations of most platforms are carried out through web pages, which usually have native controls. Since the loading time of web pages may be affected by factors such as the network, server response, and resource size, there may be a delay in web page loading and the native controls may be displayed in advance, resulting in blank areas on the page and affecting the user's visual experience.

[0024] To this end, an embodiment of the present application provides a technical solution for displaying page content. This solution avoids the sudden appearance of blank areas on the page by hiding the operational area and native controls before the web page is loaded. Once the web page is loaded, the operational area and native controls are then displayed synchronously, thus ensuring that the user's visual experience is not affected. See below for details.

[0025] Finally, for ease of understanding, an exemplary operating environment is provided below.

[0026] like Figure 1 As shown, the environment diagram includes a service platform 2, a network 4, and a client 6, wherein: The service platform 2 can be comprised of a single or multiple computing devices. These multiple computing devices can include virtualized computing instances. Virtualized computing instances can include virtual machines, such as emulations of computer systems, operating systems, servers, and the like. A computing device can load a virtual machine based on a virtual image and / or other data defining the specific software (e.g., operating system, specialized application, server) used for the emulation. As demand for different types of processing services changes, different virtual machines can be loaded and / or terminated on one or more computing devices. A hypervisor can be implemented to manage the use of different virtual machines on the same computing device.

[0027] The service platform 2 can be configured to communicate with clients 6 and the like via a network 4. The network 4 includes various network devices, such as routers, switches, multiplexers, hubs, modems, bridges, repeaters, firewalls, proxy devices, and / or the like. The network 4 can include physical links, such as coaxial cable links, twisted pair cable links, fiber optic links, combinations thereof, or wireless links, such as cellular links, satellite links, Wi-Fi links, and the like.

[0028] Service platform 2 can provide storage, reading, writing, querying, deleting and other services, such as providing live broadcast viewing services for clients.

[0029] Client 6 can be an electronic device running an operating system such as Windows, Android™, or iOS, such as a smartphone, tablet, laptop, virtual reality device, gaming device, set-top box, in-car terminal, or smart TV. Based on these operating systems, various applications can be run, such as a live broadcast application.

[0030] The client 6 may provide / configure a user access page for manipulating the service platform 2 or uploading objects, etc.

[0031] It should be noted that the above devices are exemplary, and the number and type of devices can be adjusted in different scenarios or according to different needs.

[0032] The technical solutions of the present application are described below through a number of embodiments. It should be noted that these embodiments can be implemented in a variety of different forms and should not be construed as being limited to the embodiments described herein.

[0033] Example 1 Figure 2The flowchart of the page content display method according to the first embodiment of the present application is schematically shown. It should be noted that the execution subject of the page content display method of the embodiment of the present application can be a client, wherein the client can include a native terminal and a web terminal.

[0034] like Figure 2 As shown, the page content display method may include steps S200 to S206, wherein: Step S200: In response to a request to enter a target page, a dynamic content display area and native interface elements of the target page are obtained, where the dynamic content display area is carried by a web page.

[0035] Step S202: Hide the dynamic content display area and native interface elements.

[0036] Step S204: monitoring whether the web page is loaded.

[0037] Step S206: When the web page is loaded, the dynamic content display area and native interface elements are displayed.

[0038] The page content display method provided in this embodiment obtains the dynamic content display area and native interface elements of the target page in response to a request to enter the target page, and the dynamic content display area is carried by the web page; the dynamic content display area and native interface elements are hidden, and the web page is monitored to see whether the loading is complete. When the web page is loaded, the dynamic content display area and native interface elements are displayed. Before the web page is loaded, the dynamic content display area (including the operation position) and the native interface elements (including the native controls) can be hidden first. When the web page is loaded, the dynamic content display area and the native interface elements are synchronously displayed, which can avoid the abrupt appearance of blank areas in the page and ensure that the user's visual experience is not affected.

[0039] The following combination Figure 2 , each step in steps S200~S206 and other optional steps are described in detail.

[0040] Step S200 In response to a request to enter a target page, the dynamic content display area and native interface elements of the target page are obtained, and the dynamic content display area is carried by the web page.

[0041] Among them, the target page may refer to a page that includes a dynamic content display area and native interface elements. In an exemplary embodiment, the dynamic content display area includes an operation position display area, and the native interface elements include native controls. The operation position area specifically includes areas used for operations such as carousels and product displays; the native controls specifically include buttons, table views, text boxes, etc. Of course, in addition to the operation position display area, the dynamic content display area can also be other dynamic content display areas; and in addition to native controls, the native interface elements can also be other native-level interface elements.

[0042] Specifically, you can monitor requests entering the target page. For example, you can use the front-end framework to monitor route changes. When the route switches to the target page, you can use the front-end document object model (DOM) operation method to obtain the dynamic content display area. For native interface elements, you can locate and obtain them by identifying their specific class name, ID or tag name.

[0043] Step S202 , hide the dynamic content display area and native interface elements.

[0044] In web development, you can use JavaScript to obtain the DOM nodes corresponding to the dynamic content display area and native interface elements, and then modify their style attributes to set the display value to none; or modify their class attributes and use CSS to set the display value to an empty class to achieve the hiding effect. In mobile development, the iOS platform can use the UIKit framework to obtain the view objects corresponding to the dynamic content display area and native interface elements and set their hidden properties to true. The Android platform can obtain the view controls corresponding to the dynamic content display area and native interface elements and call the set visibility method to achieve the hiding purpose.

[0045] Step S204 , monitor whether the web page is loaded.

[0046] Specifically, you can use JavaScript's window.onload event to monitor whether a web page has finished loading. This event is triggered after all of the web page's resources, including the HTML document, images, scripts, and style sheets, have been fully loaded and parsed. Alternatively, you can use the DOMContentLoaded event, which is triggered after the HTML document has been fully parsed and loaded, and can also be used to monitor whether a web page has finished loading.

[0047] In an optional embodiment, if Figure 3 As shown, step S204 may include: Step S300: The native end monitors the JavaScript bridge event indicating that the web page has been loaded.

[0048] Step S302: When a JavaScript bridging event is detected, the native end determines that the web page loading is complete.

[0049] Specifically, when a web page loads, the web side can send a loading status event to the native side through a predetermined JavaScript bridge interface. The web side can determine whether the web page has loaded by monitoring the window.onload event or the DOMContentLoaded event. When these events are triggered, it is determined that the web page has loaded. Then, a JavaScript bridge interface callback can be triggered, allowing the native side to monitor the JavaScript bridge event indicating that the web page has loaded, thereby confirming that the web page has loaded. Accordingly, the native side can subsequently control the dynamic content display area and the native interface elements to display synchronously when it determines that the web page has loaded.

[0050] In this embodiment, the native end monitors the JavaScript bridging event of the web page loading completion. When the JavaScript bridging event is monitored, the native end determines that the web page loading is completed, so that the native end can obtain the information that the web page loading is completed, thereby facilitating the control of the synchronous display of the dynamic content display area and the native interface elements.

[0051] Step S206 , when the web page is loaded, the dynamic content display area and native interface elements are displayed.

[0052] Specifically, when the web page is loaded, the dynamic content display area and native interface elements can be displayed by the native end.

[0053] In an optional embodiment, step S206 may further include: Use the native end to display dynamic content display areas and native interface elements using transition animations of preset duration.

[0054] The preset duration may be, for example, 150 milliseconds, 200 milliseconds, 250 milliseconds, etc., and is not specifically limited here. Transition animations may include fade-in, blur-to-clear, color gradient, or a combination thereof. For example, a fade-in transition animation may be from completely transparent to completely visible; a blur-to-clear transition animation may be from initially displayed as blurry to gradually becoming clear; and a color gradient transition animation may be from initially displaying a lighter color of the final color to gradually changing to the final color.

[0055] In this embodiment, the native end uses a transition animation with a preset duration to display the dynamic content display area and native interface elements, which can further reduce the abruptness of the content display and improve the user's visual experience.

[0056] In an optional embodiment, if Figure 4 As shown, the page content display method of the embodiment of the present application may also include: Step S400: detecting the returned data of the target page to determine whether the returned data contains the target data of the dynamic content display area.

[0057] Step S402: If the target data is included, the target data is synchronously transmitted to the web page.

[0058] Specifically, the return data of the target page can be parsed, and different parsing tools or methods can be used for parsing according to the format of the data. For example, for data in JSON format, it can be parsed into an operable data structure according to JSON rules. Then, the parsed data is checked to see whether there is target data related to the dynamic content display area. For example, the field name, data type, etc. related to the dynamic content display area can be used to determine whether the returned data contains the target data. If the detection result finds that the returned data contains the target data, the target data is actively synchronized and transmitted to the web page. After receiving the target data, the web page can fill the target data into the corresponding position of the dynamic content display area according to its own logic and layout for display, completing the synchronous transmission and display process of the target data.

[0059] In an exemplary embodiment, in step S402 , synchronously transmitting the target data to the web page may include: synchronously transmitting the target data to the web page via a JavaScript bridge interface.

[0060] Specifically, a JavaScript bridge interface callback function for receiving data can be pre-registered on the web side. When the target page returns data and detects that the target data contains the dynamic content display area, the callback function registered on the web side can be called through the pre-set JavaScript bridge mechanism to pass the target data to the web side, so that the web page receives the target data.

[0061] In related technologies, after a web page is loaded, it is usually necessary to request operational data again, which further extends the overall display time. However, in this embodiment, the operational data can be actively and synchronously transmitted to the web page, so that the web page does not need to request again to obtain the target data, which can effectively improve the content loading efficiency.

[0062] In this embodiment, the return data of the target page is detected to determine whether the return data contains the target data of the dynamic content display area. If the target data is contained, the target data is synchronously transmitted to the web page. The relevant data can be directly transmitted to the web page, avoiding a secondary request for the web page and improving the efficiency of content loading.

[0063] Example 2 Figure 5 The block diagram of the page content display device according to the second embodiment of the present application is schematically shown. The device can be divided into one or more program modules, one or more program modules are stored in a storage medium and executed by one or more processors to complete the embodiment of the present application. The program module referred to in the embodiment of the present application refers to a series of computer program instruction segments that can perform specific functions. The following description will specifically introduce the functions of each program module in this embodiment. Figure 5 As shown, the apparatus 500 may include: an acquisition module 510, a hiding module 520, a monitoring module 530, and a display module 540, wherein: An acquisition module 510 is configured to, in response to a request to access a target page, acquire a dynamic content display area and native interface elements of the target page, wherein the dynamic content display area is hosted by a web page; Hiding module 520, used to hide the dynamic content display area and the native interface elements; A monitoring module 530 is used to monitor whether the web page has been loaded; The display module 540 is used to display the dynamic content display area and the native interface elements when the web page is loaded.

[0064] In an optional embodiment, the monitoring module 530 is further configured to: The native side monitors the JavaScript bridge event when the web page is loaded; When the JavaScript bridging event is monitored, the native end determines that the web page loading is complete.

[0065] In an optional embodiment, the display module 540 is further configured to: The dynamic content display area and the native interface elements are displayed by the native end using a transition animation of a preset duration.

[0066] In an optional embodiment, the apparatus 500 is further configured to: Detecting the returned data of the target page to determine whether the returned data contains the target data of the dynamic content display area; In a case where the target data is included, the target data is synchronously transmitted to the web page.

[0067] In an optional embodiment, the apparatus 500 is further configured to: The target data is synchronously transmitted to the web page through a JavaScript bridging interface.

[0068] In an optional embodiment, the dynamic content display area includes an operation position display area, and the native interface element includes a native control.

[0069] Example 3 Figure 6 The schematic diagram of the hardware architecture of a computer device 10000 suitable for implementing the page content display method according to the third embodiment of the present application is shown. In some embodiments, the computer device 10000 can be a terminal device such as a smart phone, a wearable device, a tablet computer, a personal computer, a vehicle-mounted terminal, a game console, a virtual device, a workbench, a digital assistant, a set-top box, a robot, etc. In other embodiments, the computer device 10000 can be a rack server, a blade server, a tower server or a cabinet server (including an independent server or a server cluster composed of multiple servers), etc. Figure 6 As shown, the computer device 10000 includes but is not limited to: a memory 10010, a processor 10020, and a network interface 10030 that can communicate with each other via a system bus. Memory 10010 includes at least one type of computer-readable storage medium, including flash memory, a hard disk, a multimedia card, card-type memory (e.g., SD or DX memory), random access memory (RAM), static random access memory (SRAM), read-only memory (ROM), electrically erasable programmable read-only memory (EEPROM), programmable read-only memory (PROM), magnetic storage, a magnetic disk, an optical disk, and the like. In some embodiments, memory 10010 may be an internal storage module of computer device 10000, such as a hard disk or memory of computer device 10000. In other embodiments, memory 10010 may also be an external storage device of computer device 10000, such as a plug-in hard disk, a Smart Media Card (SMC), a Secure Digital (SD) card, a flash memory card, and the like equipped on computer device 10000. Of course, memory 10010 may also include both internal storage modules and external storage devices of computer device 10000. In this embodiment, the memory 10010 is generally used to store the operating system and various application software installed on the computer device 10000, such as program code of the page content display method, etc. In addition, the memory 10010 can also be used to temporarily store various data that has been output or will be output.

[0070] In some embodiments, processor 10020 may be a central processing unit (CPU), a controller, a microcontroller, a microprocessor, or other chips. Processor 10020 is typically used to control the overall operation of computer device 10000, such as performing control and processing related to data exchange or communication with computer device 10000. In this embodiment, processor 10020 is used to execute program code stored in memory 10010 or process data.

[0071] Network interface 10030 may include a wireless network interface or a wired network interface. Network interface 10030 is typically used to establish a communication link between computer device 10000 and other computer devices. For example, network interface 10030 is used to connect computer device 10000 to an external terminal via a network, establishing a data transmission channel and a communication link between computer device 10000 and the external terminal. The network may be a wireless or wired network such as an intranet, the Internet, the Global System of Mobile Communications (GSM), Wideband Code Division Multiple Access (WCDMA), a 4G network, a 5G network, Bluetooth, or Wi-Fi.

[0072] It should be pointed out that Figure 6 Only a computer device having components 10010 - 10030 is shown, but it should be understood that implementing all of the shown components is not a requirement, and more or fewer components may alternatively be implemented.

[0073] In this embodiment, the page content display method stored in the memory 10010 can also be divided into one or more program modules and executed by one or more processors (such as processor 10020) to complete the embodiment of the present application.

[0074] Example 4 An embodiment of the present application further provides a computer-readable storage medium having a computer program stored thereon, wherein when the computer program is executed by a processor, the steps of the page content display method in the embodiment are implemented.

[0075] In this embodiment, computer-readable storage media include flash memory, hard disks, multimedia cards, card-type memories (e.g., SD or DX memories), random access memory (RAM), static random access memory (SRAM), read-only memory (ROM), electrically erasable programmable read-only memory (EEPROM), programmable read-only memory (PROM), magnetic storage, magnetic disks, optical disks, and the like. In some embodiments, the computer-readable storage medium may be an internal storage unit of a computer device, such as the computer device's hard disk or memory. In other embodiments, the computer-readable storage medium may also be an external storage device of the computer device, such as a plug-in hard disk, a Smart Media Card (SMC), a Secure Digital (SD) card, a flash memory card, and the like. Of course, the computer-readable storage medium may also include both the internal storage unit and external storage devices of the computer device. In this embodiment, the computer-readable storage medium is typically used to store the operating system and various application software installed on the computer device, such as the program code of the page content display method in the embodiment. In addition, the computer-readable storage medium may also be used to temporarily store various types of data that has been output or is about to be output.

[0076] Example 5 An embodiment of the present application further provides a computer program product, including a computer program, which implements the method in the above embodiment when executed by a processor.

[0077] Obviously, those skilled in the art should understand that the modules or steps of the above-mentioned embodiments of the present application can be implemented using general-purpose computer devices. They can be concentrated on a single computer device or distributed on a network composed of multiple computer devices. Alternatively, they can be implemented using program codes executable by the computer device, so that they can be stored in a storage device and executed by the computer device. In some cases, the steps shown or described can be performed in a different order than herein, or they can be made into individual integrated circuit modules, or multiple modules or steps therein can be made into a single integrated circuit module for implementation. Thus, the embodiments of the present application are not limited to any specific combination of hardware and software.

[0078] It should be noted that the above are only preferred embodiments of the present application and do not limit the scope of patent protection of the present application. Any equivalent structure or equivalent process transformation made using the contents of the description and drawings of this application, or directly or indirectly applied in other related technical fields, are also included in the scope of patent protection of the present application.

Claims

1. A method for displaying page content, characterized in that: The method comprises: In response to a request to enter a target page, obtaining a dynamic content display area and native interface elements of the target page, wherein the dynamic content display area is hosted by a web page; Hiding the dynamic content display area and the native interface elements; Monitor whether the web page is loaded; When the web page is loaded, the dynamic content display area and the native interface elements are displayed.

2. The method according to claim 1, characterized in that The monitoring of whether the web page is loaded completely includes: The native side monitors the JavaScript bridge event when the web page is loaded; When the JavaScript bridging event is monitored, the native end determines that the web page loading is complete.

3. The method according to claim 2, characterized in that The displaying of the dynamic content display area and the native interface element includes: The dynamic content display area and the native interface elements are displayed by the native end using a transition animation of a preset duration.

4. The method according to any one of claims 1 to 3, characterized in that The method further comprises: Detecting the returned data of the target page to determine whether the returned data contains the target data of the dynamic content display area; In a case where the target data is included, the target data is synchronously transmitted to the web page.

5. The method according to claim 4, characterized in that The synchronously transmitting the target data to the web page includes: The target data is synchronously transmitted to the web page through a JavaScript bridging interface.

6. The method according to any one of claims 1 to 3, characterized in that The dynamic content display area includes an operation position display area, and the native interface elements include native controls.

7. A page content display device, characterized in that: The device comprises: an acquisition module, configured to, in response to a request to enter a target page, acquire a dynamic content display area and native interface elements of the target page, wherein the dynamic content display area is carried by a web page; A hiding module, used to hide the dynamic content display area and the native interface elements; A monitoring module, used to monitor whether the web page has been loaded; The display module is used to display the dynamic content display area and the native interface elements when the web page is loaded.

8. A computer device, characterized in that: include: at least one processor; and a memory communicatively coupled to the at least one processor; wherein: The memory stores instructions that can be executed by the at least one processor, and the instructions are executed by the at least one processor to enable the at least one processor to perform the method according to any one of claims 1 to 6.

9. A computer-readable storage medium, characterized in that The computer-readable storage medium stores computer instructions, which, when executed by a processor, implement the method according to any one of claims 1 to 6.

10. A computer program product comprising a computer program, characterized in that When the computer program is executed by a processor, the steps of the method according to any one of claims 1 to 6 are implemented.

Images