Page display method and related device

Abstract

Provided in the present disclosure are a page display method and a related device. The method comprises: displaying a first page corresponding to a first application; in response to a second application in the first application satisfying a preset condition, displaying, in the first page, first content corresponding to the second application, and a first control for prompting a user to switch to a second page corresponding to the second application, wherein the first content is related to content displayed in the second page; and in response to a trigger operation for the first control, displaying the second page corresponding to the second application.

Description

Page display methods and related equipment

[0001] Cross-reference to related applications

[0002] This application claims priority to Chinese Patent Application No. 202410911217.1, filed on July 8, 2024, entitled "Page Display Method and Related Device", the entire contents of which are incorporated herein by reference. Technical Field

[0003] This disclosure relates to the field of computer technology, and in particular to a page display method and related equipment. Background Technology

[0004] With the development of computer science and technology, a wide variety of applications (APPs) have emerged. These applications provide convenience in all aspects of people's lives, and some also offer a wealth of choices for leisure and entertainment.

[0005] In some scenarios, applications can further embed mini programs, allowing users to open the mini program within the application to use the functions it provides. Summary of the Invention

[0006] A first aspect of this disclosure provides a page display method, comprising:

[0007] Display the first page corresponding to the first application;

[0008] In response to the second application within the first application meeting preset conditions, the first content corresponding to the second application and the first control for prompting the user to switch to the second page corresponding to the second application are displayed on the first page, wherein the first content is related to the content displayed on the second page;

[0009] In response to a trigger operation on the first control, the second page corresponding to the second application is displayed.

[0010] A second aspect of this disclosure provides a page display device, comprising:

[0011] The first display module is configured to display the first page corresponding to the first application.

[0012] The second display module is configured to: in response to the second application within the first application meeting a preset condition, display first content corresponding to the second application and a first control for prompting the user to switch to the second page corresponding to the second application on the first page, wherein the first content is related to the content displayed on the second page;

[0013] The third display module is configured to display the second page corresponding to the second application in response to a trigger operation on the first control.

[0014] A third aspect of this disclosure provides a computer device including a memory, a processor, and a computer program stored in the memory and executable on the processor, wherein the processor, when executing the program, implements the method described in the first aspect.

[0015] In a fourth aspect, this disclosure provides a non-transitory computer-readable storage medium storing computer instructions for causing a computer to perform the method as described in the first aspect.

[0016] A fifth aspect of this disclosure provides a computer program product including computer program instructions that, when executed on a computer, cause the computer to perform the method as described in the first aspect. Attached Figure Description

[0017] To more clearly illustrate the technical solutions in this disclosure or related technologies, the accompanying drawings used in the description of the embodiments or related technologies will be briefly introduced below. Obviously, the accompanying drawings described below are only embodiments of this disclosure. For those skilled in the art, other drawings can be obtained based on these drawings without creative effort.

[0018] Figure 1 shows a schematic diagram of an exemplary system according to an embodiment of the present disclosure.

[0019] Figure 2A shows a schematic diagram of an exemplary page according to an embodiment of the present disclosure.

[0020] Figure 2B shows a schematic diagram of another exemplary page according to an embodiment of the present disclosure.

[0021] Figure 2C shows a schematic diagram of another exemplary page according to an embodiment of the present disclosure.

[0022] Figure 2D shows a schematic diagram of another exemplary page according to an embodiment of the present disclosure.

[0023] Figure 2E shows a schematic diagram of another exemplary page according to an embodiment of this disclosure.

[0024] Figure 2F shows a schematic diagram of another exemplary page according to an embodiment of the present disclosure.

[0025] Figure 2G shows a schematic diagram of another exemplary page according to an embodiment of the present disclosure.

[0026] Figure 2H shows a schematic diagram of another exemplary page according to an embodiment of the present disclosure.

[0027] Figure 3A shows a schematic diagram of an exemplary page according to an embodiment of the present disclosure.

[0028] Figure 3B shows a schematic diagram of another exemplary page according to an embodiment of the present disclosure.

[0029] Figure 3C shows a schematic diagram of another exemplary page according to an embodiment of the present disclosure.

[0030] Figure 3D illustrates a schematic diagram of another exemplary page according to an embodiment of this disclosure.

[0031] Figure 4 shows a schematic diagram of an exemplary user interface according to an embodiment of the present disclosure.

[0032] Figure 5 shows a flowchart illustrating an exemplary method provided in an embodiment of this disclosure.

[0033] Figure 6 shows a schematic diagram of the structure of an exemplary device provided in an embodiment of this disclosure.

[0034] Figure 7 shows a schematic diagram of the hardware structure of an exemplary electronic device provided in an embodiment of this disclosure. Detailed Implementation

[0035] To make the objectives, technical solutions, and advantages of this disclosure clearer, the following detailed description is provided in conjunction with specific embodiments and the accompanying drawings.

[0036] It should be noted that, unless otherwise defined, the technical or scientific terms used in the embodiments of this disclosure should have the ordinary meaning understood by one of ordinary skill in the art to which this disclosure pertains. The terms "first," "second," and similar terms used in the embodiments of this disclosure do not indicate any order, quantity, or importance, but are merely used to distinguish different components. Terms such as "comprising" or "including" mean that the element or object preceding the word encompasses the elements or objects listed following the word and their equivalents, without excluding other elements or objects. Terms such as "connected" or "linked" are not limited to physical or mechanical connections, but can include electrical connections, whether direct or indirect. Terms such as "upper," "lower," "left," and "right" are used only to indicate relative positional relationships; when the absolute position of the described object changes, the relative positional relationship may also change accordingly.

[0037] It is understood that before using the technical solutions of the various embodiments in this disclosure, users will be informed of the type, scope of use, and usage scenarios of the personal information involved in an appropriate manner, and user authorization will be obtained.

[0038] For example, upon receiving a user's active request, a prompt message is sent to the user to explicitly inform them that the requested operation will require the acquisition and use of the user's personal information. This allows the user to independently choose, based on the prompt message, whether to provide personal information to the software or hardware such as electronic devices, applications, servers, or storage media performing the operations of this disclosed technical solution.

[0039] As an optional but not limited implementation, in response to a user's active request, sending a prompt message to the user can be done via a pop-up window, where the prompt message can be presented in text format. Furthermore, the pop-up window can also include a selection control allowing the user to choose "agree" or "disagree" to provide personal information to the electronic device.

[0040] It is understood that the above notification and user authorization acquisition process is merely illustrative and does not constitute a limitation on the implementation of this disclosure. Other methods that comply with relevant laws and regulations may also be applied to the implementation of this disclosure. Figure 1 shows a schematic diagram of an exemplary system 100 according to an embodiment of this disclosure. System 100 may be a system for implementing page display.

[0041] As shown in Figure 1, system 100 may include terminal device 102, server 104, and database server 106. Terminal device 102 and server 104 are connected via a network, such as a wired or wireless network. Optionally, a device for implementing object display may be integrated into terminal device 102. Database server 106 is connected to server 104 via a network, such as a wired or wireless network. Database server 106 may store various data related to executing the object display method, such as user characteristics, object characteristics, object information, etc.

[0042] The terminal device 102 can be equipped with various applications (APPs), such as video applications, image processing applications, video conferencing applications, lifestyle service applications, reading applications, social applications, payment applications, web browsers, and instant messaging tools. These applications can all be used to display web pages.

[0043] The terminal device 102 here can be either hardware or software. When the terminal device 102 is hardware, it can be various electronic devices with a display screen, including but not limited to smartphones, tablets, e-book readers, MP3 players, laptops, and desktop computers (PCs). When the terminal device 102 is software, it can be installed in the electronic devices listed above. It can be implemented as multiple software programs or software modules (e.g., to provide distributed services) or as a single software program or software module. No specific limitations are made here.

[0044] Server 104 can be a server that provides various services. For example, it could be a backend server that supports various applications displayed on terminal device 102. Database server 106 can also be a database server that provides various services. It is understood that if server 104 can implement the relevant functions of database server 106, then database server 106 may not need to be set up in system 100.

[0045] The server 104 and database server 106 here can be either hardware or software. When they are hardware, they can be implemented as a distributed server cluster consisting of multiple servers, or as a single server. When they are software, they can be implemented as multiple software programs or software modules (e.g., used to provide distributed services), or as a single software program or software module. No specific limitations are made here.

[0046] It should be noted that the page display method provided in this embodiment can be executed by system 100. Specifically, it can be executed interactively between terminal device 102, server 104, and database server 106. It is understood that if terminal device 102 possesses the functions required by server 104 and database server 106 to execute the page display method, it can also be executed solely by terminal device 102. It should be understood that the number of terminal device 102, server 104, database server 106, and user 108 in FIG1 is merely illustrative. Depending on actual needs, any number of terminal devices, users, servers, and database servers can be used.

[0047] In one exemplary application scenario, user 108 can use any application through terminal device 102, and can find and use mini-programs within that application. However, the inventors of this disclosure have found that the process of using mini-programs within an application is somewhat inconvenient. Embodiments of this disclosure aim to solve, or at least partially solve, this problem.

[0048] Figure 2A shows a schematic diagram of an exemplary page 200 according to an embodiment of the present disclosure.

[0049] As shown in Figure 2A, page 200 can be the homepage of a first application (e.g., a content-providing application). User 108 can open the first application on terminal device 102, and thus page 200 corresponding to the first application can be displayed on terminal device 102. It is understood that there are many other ways to access page 200; this description is only for the purpose of illustrative purposes.

[0050] For example, as shown in FIG2A, page 200 can provide content 202 corresponding to the first application. For example, if the application is a video application, the content 202 can be a video or a short video (e.g., a video with a duration of less than 5 minutes). Furthermore, terminal device 102 can obtain a first content stream (e.g., a video stream) corresponding to the first application, and page 200 can be used to display the first content stream sequentially. User 108 can switch the content displayed on page 200 using switching commands (e.g., swiping up or down). The switched content can be the next or previous content of the content 202 in the first content stream. Optionally, the first content stream can be provided by server 104, and terminal device 102 obtains the content from server 104 and displays it on page 200.

[0051] In some embodiments, as shown in FIG2A, a control 204 for opening a sidebar can be displayed in the upper left corner of page 200. When user 108 triggers the control 204 (e.g., clicks the control 204), a sidebar 206 can pop up from the left edge of page 200, as shown in FIG2B. Optionally, the sidebar 206 can provide various functions, such as notification functions. For example, the sidebar 206 can display frequently used functions, which may further include mini-program function modules. Furthermore, a control 2062 for viewing mini-program pages is displayed in the sidebar 206.

[0052] For example, when user 108 triggers control 2062 (e.g., clicks control 2062), page 210 can be displayed on terminal device 102, as shown in Figure 2C. Optionally, when user 108 has not used the mini-program in the first application, the recently used section of page 210 does not display any mini-program icons, and a prompt message 2102 (e.g., "Never used a mini-program") can be displayed to inform user 108 that no icons are displayed on the current page because no mini-program has been used. Optionally, page 210 can also display a prompt message 2104 (e.g., "Used mini-programs will appear here") to inform the user that this area is used to display the mini-programs used by the user, to guide the user's subsequent use.

[0053] In some embodiments, as shown in FIG2C, page 210 further includes a control 2106 for searching mini-programs. User 108 can access page 220 for searching mini-programs by triggering the control 2106, as shown in FIG2D.

[0054] For example, page 220 may include a search bar 2202 and a search button 2204. User 108 can enter a search term (e.g., the name of the mini-program or keywords in its name) in the search bar 2202 and then click the search button 2204 to search for the mini-program. Optionally, terminal device 102 can send the search term entered by user 108 to server 104, which will then return information about mini-programs matching the search term to terminal device 102. Terminal device 102 receives this information and displays it on page 220, as shown in Figure 2D.

[0055] For example, as shown in Figure 2D, each piece of information may include the icon, name and brief description of the mini-program, so that the user 108 can determine whether the mini-program is the one they want to use based on the information.

[0056] Furthermore, user 108 can find the mini-program they want to use in the search results and can click on the information corresponding to the mini-program to enter it. For example, user 108 clicks on information 2206 to open the corresponding second application and enters the page 300 of the second application corresponding to information 2206, as shown in Figure 3A.

[0057] After entering page 300 of the second application, user 108 can begin using it. This second application can be various types of mini-programs, such as video mini-programs, image processing mini-programs, video conferencing mini-programs, lifestyle service mini-programs, reading mini-programs, social networking mini-programs, payment mini-programs, web browsers, and instant messaging tools, etc.

[0058] In some scenarios, after using the second application, user 108 can close the second application and re-enter the first application. For example, as shown in Figure 3A, a close control 302 is displayed in the upper right corner of page 300. When user 108 triggers the close control 302 (e.g., by clicking the control 302), terminal device 102 can exit the second application and close page 300, redisplaying the page of the first application before entering the second application, for example, page 220.

[0059] For example, if user 108 can click the exit button 2208 on page 220, they can return to page 210, as shown in Figure 2E. Optionally, as shown in Figure 2E, page 210 can display information 2206 corresponding to the second application that was just used. In this way, when user 108 re-enters page 210, they can directly access the second application based on information 2206 without having to search for the second application again.

[0060] For example, user 108 can continue to click the exit button 2108 on page 210 and proceed to page 200, as shown in Figure 2F. Optionally, as shown in Figure 2F, a frequently used mini-program module 2064 can be added to page 210. This module 2064 can further include the icon 2066 of the second application that was just used. In this way, when user 108 opens the sidebar 206 again, he / she can directly find his / her frequently used mini-program in module 2064 without having to go through the aforementioned operation to find the mini-program, making it more convenient to use.

[0061] Furthermore, on page 200 of Figure 2F, user 108 can close sidebar 206 (e.g., by swiping sidebar 206 to the left or clicking on the blank area 208 to the right of sidebar 206) and then return to page 200 where content 202 is displayed normally, as shown in Figure 2A.

[0062] In some embodiments, after closing the second application, the page 200 corresponding to the first application can be displayed directly (as shown in Figure 2A), without having to go through multiple previous operations, thereby simplifying the process for users to return from the second application to the first application and improving the smoothness of use.

[0063] After returning to page 200 in Figure 2A, user 108 can continue using the application. For example, by swiping up to switch content 202 on page 200, page 200 can display content 208, as shown in Figure 2G. Optionally, this content 208 can also be obtained from the first content stream, which may be obtained from server 104.

[0064] It is understandable that if user 108 wants to re-enter the second application while continuing to use the application, they need to go through at least some of the aforementioned operations again, such as opening the sidebar 206 or entering page 210 to click on the icon or information of the second application, and then re-enter the second application. The operation is a bit cumbersome.

[0065] Furthermore, in some scenarios, the content and other information of the second application may change, and the user 108 who is using the first application usually cannot know about the change. The user 108 can only find out what has happened in the second application after finding and entering the second application again.

[0066] In some embodiments, user 108 can subscribe to the notification service of the second application through the service notification module 2110 of page 210. This allows the user to be notified of changes in the second application through service notifications, preventing the user from missing any information about these changes. For example, when such a notification message is received, a notification indicator (e.g., marked with a red circle, with a number indicating the number of notification messages within the red circle) can be displayed on one side of the control 204 on page 200. User 108 can click on the control 204 to open the sidebar 206 and view the notification message in the notification message module 2068 of the sidebar 206, thereby learning about the changes in the second application. However, as mentioned earlier, if the user needs to know exactly what changes have occurred in the second application, they still need to go through the aforementioned steps to access the second application, which is cumbersome and reduces the user experience.

[0067] In view of this, embodiments of the present disclosure provide a method to improve the smoothness of operation in order to simplify user operation.

[0068] In some embodiments, user 108 can subscribe to shortcut functions of the second application within the application, thereby determining whether the second application meets preset conditions during application usage and determining the content displayed on the page based on whether the second application meets the preset conditions. Optionally, the preset conditions may be changes in the content of the second application, changes in the scenario of the second application, changes in the status of the matter being processed in the second application, etc.

[0069] After subscribing to this quick action feature, user 108 can continue using the application. During application use, when the second application meets preset conditions, terminal device 102 can display content 230 corresponding to the second application on page 200, as shown in Figure 2H. Optionally, the content 230 includes real-time content associated with changes in the second application. In this way, user 108 can directly view the real-time status of the second application on page 200 without having to open the second application again, eliminating the conventional process of accessing the second application from the application itself and improving the user experience.

[0070] As an optional embodiment, if the first application is a content-providing application, the user 108 can switch content by swiping up or down the page. After determining that the second application within the first application meets preset conditions, if a switching operation occurs on the displayed content of page 200, the content on page 200 can be switched to the content 230 corresponding to the second application. In this case, since the content 230 corresponding to the second application is switched and displayed while using the application, this operation is smoother for the user.

[0071] Optionally, if a content switching operation occurs on page 200, and it is determined that the second application within the application does not meet the preset conditions, the content on page 200 can be switched to another content corresponding to the application. For example, content 202 can be switched to content 208. In this way, when the second application does not meet the preset conditions, the user can still use the first application normally without being affected.

[0072] In addition to the above embodiments, in other embodiments, a timer can be set to display the content 230 corresponding to the second application on page 200 after a preset time, thereby enabling the user to automatically check the status of the second application periodically for convenience.

[0073] In some embodiments, as shown in FIG2H, when displaying content 230, a prompt message 232 corresponding to the preset conditions of the second application can also be displayed on page 200, so that the user can intuitively and quickly know what preset conditions the second application currently meets, for example, what changes have occurred.

[0074] In some exemplary scenarios, assuming the second application is a food delivery mini-program, the preset condition may refer to a change in the current stage of the food delivery (e.g., from the merchant preparing the food to the rider delivering the food). In this case, the content of the prompt message 232 may be "The rider is currently delivering the food, and it is expected to arrive in 30 minutes."

[0075] In other exemplary scenarios, assuming the second application is a shopping mini-program, the preset condition may be that the status of the product changes (e.g., from the merchant preparing the goods to the express delivery). In this case, the content of the prompt message 232 may be "Your goods have been shipped and are expected to arrive the day after tomorrow".

[0076] In some other exemplary scenarios, assuming the second application is a mini-program (e.g., a mini-game or a game mini-program) used to achieve dynamic interaction in a virtual scene, the change can be any change in the state of the virtual scene (e.g., stamina recovery, offline earnings full, item drop, or important event reminder, etc.), the content of the prompt message 232 can be "Stamina has been fully recovered", "Offline earnings are full", "You have obtained a new item", etc.

[0077] In some embodiments, the second application can utilize the push notification service provided by the first application to send notification messages to the first application. Specifically, when the second application changes, it sends a notification message to the first application indicating that the second application has changed. The terminal device 102 can determine whether it has received the notification message from the second application. If it has, it can determine that the second application has met a preset condition, such as a change. In this way, the terminal device 102 only needs to continuously check whether it has received notification messages from the second application to determine whether the second application has changed, without requiring any additional work, thus saving device resources.

[0078] Optionally, when the second application is a mini-program (e.g., a mini-game or game mini-program) used to achieve dynamic interaction in a virtual scene, the notification message may include a notification message indicating a change in the state of the virtual scene (e.g., stamina recovery, full offline rewards, item drop, or important event reminder, etc.). In this case, the content displayed on page 200 may further include real-time dynamic content of the second application associated with the notification message (e.g., animation of full stamina recovery, animation of full rewards, animation of item drop, etc.), thereby vividly reflecting the changes that are currently occurring in the second application and improving interactivity and user experience.

[0079] In some embodiments, when displaying content 230, the prompt information 232 displayed on the first page may be the prompt information corresponding to the notification message, such as the specific content of the notification message, so that the user can intuitively and quickly know what changes have occurred in the second application through the prompt information 232.

[0080] Furthermore, as shown in Figure 2H, page 200 may also include a control 234 for prompting the user to switch to the page corresponding to the second application. When the user 108 triggers the control 234 (for example, by clicking the control 234), the terminal device 102 may further display the second page 300 corresponding to the second application, as shown in Figure 3C.

[0081] As can be seen from Figures 2H and 3C, user 108 can directly access page 300 of the second application and use its functions by clicking control 234 on page 200, without having to go through the aforementioned cumbersome steps. Furthermore, the entire operation is very smooth, providing a good user experience.

[0082] In some embodiments, displaying the content 202 corresponding to the application on page 200 may further include simultaneously displaying the user interface 400 corresponding to the application (refer to FIG. 4) and the content 202 corresponding to the application on page 200, as shown in FIG. 2A. In other words, page 200 displays two objects: one is the current content, such as content 202, and the other is the user interface (UI). It can be understood that the user interface 400 can be the medium for user 108 to interact with the application, and it includes all elements that can be interacted with by the user, such as buttons, menus, icons, input boxes, etc., as shown in FIG. 4. In this way, user 108 can interact on page 200 through various interactive elements provided by user interface 400.

[0083] Further, optionally, displaying the content 230 corresponding to the second application on page 200 may further include: simultaneously displaying the user interface 400 corresponding to the application (refer to Figure 4) and the content 230 corresponding to the second application on page 200, as shown in Figure 2H. In this way, the user 108 will intuitively feel that they are seeing the content 230 corresponding to the second application while using the application, rather than suddenly jumping to the second application. From the perspective of usage continuity, this is more in line with the user's usage habits and does not seem abrupt, thereby improving the user experience.

[0084] In some embodiments, the shortcut operation function of the second application can be subscribed to in a way that is more in line with user operating habits. As shown in Figure 3B, when user 108 exits the second application, a window 308 can be displayed to prompt the user whether to enable the notification function of the second application. The window 308 includes a third control 3082 for determining whether to enable the notification function. In response to a trigger operation on the third control 3082, the notification function for the second application can be enabled so that after receiving the notification message from the second application, the corresponding content 230 of the second application can be displayed on page 200. In this way, user 108 does not need to deliberately subscribe to the shortcut operation function of the second application, but can directly determine whether to enable the shortcut operation function through the prompt in window 308 when closing the second application, which is more convenient. It can be understood that when user 108 clicks the reject control for rejecting the notification function, the function can be disabled, so that information about changes in the second application will not be collected when using the application, and therefore the content 230 of the second application will not be displayed.

[0085] In some exemplary scenarios, as shown in Figure 3C, when the second application is used to achieve dynamic interaction in a virtual scene (e.g., a mini-game or game app), page 300 can display a prompt message 304. This prompt message may include a notification message indicating a change in the state of the virtual scene (e.g., stamina recovery, full offline rewards, item drops, or important event reminders, etc.). In this case, the content displayed on page 200 may further include real-time dynamic content of the second application associated with the notification message (e.g., animations of full stamina recovery, full rewards, item drops, etc.), thereby vividly reflecting the changes occurring in the second application and enhancing interactivity and user experience. In some embodiments, if the second application is a mini-game, the mini-game may be a cloud game, meaning that the content provided by the second application is obtained and displayed in real time from the server. Thus, the second application only needs to develop corresponding interaction interfaces and data interfaces, allowing the first application to embed more mini-programs to meet more user needs.

[0086] In other exemplary scenarios, as shown in Figure 3D, assuming the second application is a shopping mini-program, page 300 can display a prompt message 306. The prompt message 306 can be used to indicate that the status of the product has changed (e.g., from the merchant preparing the goods to the express delivery). At this time, the content of the prompt message 232 can be "Your goods have been shipped and are expected to arrive the day after tomorrow", so that the user 208 can intuitively and quickly know what has happened.

[0087] In some embodiments, to make it smoother for subsequent users 108 to directly enter the page 300 of the second application by clicking the control 234 on the page 200, the display method shown in FIG2H can be to directly display the page 300 of the second application, and to achieve the effect of simultaneously displaying the user interface 400 (refer to FIG4) corresponding to the application and the content 230 corresponding to the second application on the page 200 by overlaying a layer with the same layout as the user interface 400 on the page 300.

[0088] In some embodiments, displaying a second page corresponding to the second application further includes: stopping the display of the user interface 400 corresponding to the application; and displaying the second page including the content 230. Thus, when user 108 clicks control 234 on page 200, the overlay can be directly removed, revealing the page 300 below. This gives user 108 the intuitive feeling of directly entering the second application without needing to switch pages, thereby improving the user experience.

[0089] After using the second application, user 108 can return to page 200 of the application by clicking the close control 302, and then continue to use the application. The current content of the second application can be displayed on page 200 again when the second application changes. Thus, the second application can be accessed in the aforementioned manner, which will not be elaborated here.

[0090] In some embodiments, as shown in FIG2H, page 200 further includes a control 236 for prompting the user to ignore the content provided by the second application. The user 108 can trigger the control 236 to cause the terminal device 102 to switch the content 230 corresponding to the second application in page 200 to other content corresponding to the application, such as content 208, during a switching operation. In this way, when the user 108 does not need to use the second application, the operation can be ignored, and the user can conveniently continue to use the application's functions.

[0091] As can be seen from the above, the page display method provided in this embodiment allows users to directly observe the content of the second application related to the content displayed on the second page when the second application within the first application meets preset conditions during the use of the first application, and allows one-click access to the second application, making it more convenient to use and improving the user experience.

[0092] It should be noted that the method of this disclosure embodiment can be executed by a single device, such as a computer or server. The method of this embodiment can also be applied to a distributed scenario, where multiple devices cooperate to complete the task. In such a distributed scenario, one of these devices may execute only one or more steps of the method of this disclosure embodiment, and the multiple devices will interact with each other to complete the method described.

[0093] It should be noted that the above description describes some embodiments of this disclosure. Other embodiments are within the scope of the appended claims. In some cases, the actions or steps recorded in the claims can be performed in a different order than that shown in the above embodiments and still achieve the desired result. Furthermore, the processes depicted in the drawings do not necessarily require a specific or sequential order to achieve the desired result. In some embodiments, multitasking and parallel processing are also possible or may be advantageous.

[0094] Based on essentially the same inventive concept, this disclosure also provides a page display method.

[0095] Figure 5 illustrates a flowchart of an exemplary method 500 provided in an embodiment of this disclosure. This method 500 can be implemented by the terminal device 102 of Figure 1, or by the system 100 of Figure 1, and can be used to display application pages. The method 500 may further include the following steps.

[0096] In step 502, the first page corresponding to the first application is displayed (e.g., page 200 in Figure 2A).

[0097] In step 504, in response to the second application within the first application meeting a preset condition (e.g., the second application changes), the first content corresponding to the second application (e.g., content 230 in Figure 2H) and the first control (e.g., control 234 in Figure 2H) for prompting the user to switch to the second page corresponding to the second application (e.g., page 300 in Figure 3C) are displayed on the first page; optionally, the first content is related to the content displayed on the second page, for example, the first content may be the currently displayed content of the second page corresponding to the second application;

[0098] In step 506, in response to a triggering operation on the first control (e.g., clicking the first control), a second page corresponding to the second application (e.g., page 300 of Figure 3C or Figure 3D) is displayed.

[0099] As can be seen from the above, the page display method provided in this disclosure allows users to directly observe the page content of the mini-program when changes occur during the use of the application, and allows one-click access to the mini-program, making it more convenient to use and improving the user experience.

[0100] In some embodiments, displaying a first page corresponding to a first application includes: displaying second content corresponding to the first application (e.g., content 202 of FIG2A) on the first page.

[0101] In some embodiments, the method 500 may further include:

[0102] Determine whether a notification message from the second application has been received;

[0103] In response to receiving a notification message from the second application, it is determined that the second application meets preset conditions.

[0104] In this way, it is only necessary to continuously check whether a notification message sent by the second application is received to determine whether the second application meets the preset conditions, without any other extra work, thus saving device resources.

[0105] In some embodiments, in response to a change in a second application within the first application, first content corresponding to the second application is displayed on the first page, including:

[0106] After determining that the second application within the first application meets the preset conditions, in response to a switching operation on the second content of the first page (e.g., swiping up the page), the second content on the first page (e.g., content 202 in Figure 2A) is switched to display the first content corresponding to the second application (e.g., content 230 in Figure 2H).

[0107] At this point, since the content of the second application is switched and displayed while the content of the first application is being switched, the operation is smoother for the user.

[0108] In some embodiments, the first page further includes a second control (e.g., control 236 of FIG2H);

[0109] After switching the display of the second content on the first page to the first content corresponding to the second application, the method further includes:

[0110] In response to a trigger operation on the second control, the first content (e.g., content 230 in Figure 2H) corresponding to the second application on the first page is switched to display as the third content (e.g., content 208 in Figure 2G) corresponding to the first application.

[0111] In this way, when user 108 no longer needs to use the second application, the operation can be ignored by triggering control 236, and the user can easily continue to use the functions of the first application.

[0112] In some embodiments, after displaying the second content corresponding to the first application on the first page, the method further includes:

[0113] In response to the switching operation of the second content on the first page, when it is determined that the second application within the first application does not meet the preset conditions, the second content on the first page (e.g., content 202 in FIG2A) is switched to display the third content corresponding to the first application (e.g., content 208 in FIG2G).

[0114] In this way, when the mini-program remains unchanged, users can still use the application normally without being affected.

[0115] In some embodiments, displaying the second content corresponding to the first application on the first page further includes: simultaneously displaying the user interface (e.g., user interface 400 of FIG4) corresponding to the first application and the second content (e.g., content 202 of FIG2A) corresponding to the first application on the first page.

[0116] Displaying the first content corresponding to the second application on the first page further includes: simultaneously displaying the user interface corresponding to the first application and the first content corresponding to the second application on the first page (e.g., content 230 in Figure 2H).

[0117] In this way, user 108 will intuitively feel that they are seeing the content of the second application while using the first application, rather than suddenly jumping to the second application. From the perspective of usage continuity, it is more in line with the user's usage habits and does not seem abrupt, thus improving the user experience.

[0118] In some embodiments, displaying a second page corresponding to the second application further includes:

[0119] Stop displaying the user interface corresponding to the application;

[0120] Display the second page, which includes the first content.

[0121] In this way, when user 108 clicks control 234 on page 200, the floating layer can be removed directly to display page 300 below, giving user 108 the intuitive feeling that they can directly enter the mini program without needing to jump, thereby improving the user experience.

[0122] In some embodiments, the second application includes a mini-program for enabling dynamic interaction in a virtual scene, the notification message includes a notification message indicating a change in the state of the virtual scene, and the first content includes real-time dynamic content of the second application associated with the notification message.

[0123] Optionally, when the second application is a mini-program (e.g., a mini-game or a game mini-program) used to achieve dynamic interaction in a virtual scene, the notification message may include a notification message indicating a change in the state of the virtual scene (e.g., stamina recovery, full offline rewards, item drops, or important event reminders, etc.). In this case, the content of the second application displayed on page 200 may further include real-time dynamic content of the second application associated with the notification message (e.g., animations of full stamina recovery, full rewards, item drops, etc.), thereby vividly reflecting the changes that are currently occurring in the second application and improving interactivity and user experience.

[0124] In some embodiments, the method further includes: in response to the second application within the first application meeting a preset condition, displaying a prompt message corresponding to the notification message (e.g., prompt message 232 in Figure 2H) on the first page, so that the user can intuitively and quickly learn what changes have occurred in the mini-program through the prompt message 232.

[0125] In some embodiments, before displaying the first page corresponding to the first application, the method further includes: in response to an opening operation for the second application, opening the second application within the first application and displaying the second page corresponding to the second application, thereby allowing the second application to be opened and used within the first application, which is very convenient.

[0126] In some embodiments, after displaying the second page corresponding to the second application, the method further includes: in response to a closing operation of the second application, displaying the first page corresponding to the first application, thereby enabling a quick switch to the first application and smooth operation.

[0127] In some embodiments, in response to a closing operation on the second application, the first page corresponding to the first application is displayed, including:

[0128] In response to a closing operation for the second application, a window is displayed to prompt the user whether to enable the notification function of the second application (e.g., window 308 in FIG3B), the window including a third control for determining whether to enable the notification function (e.g., control 3082 in FIG3B).

[0129] In response to a trigger operation on the third control, a notification function for the second application is enabled so that, upon receiving the notification message from the second application, the first content corresponding to the second application is displayed on the first page.

[0130] In this way, user 108 does not need to deliberately subscribe to the shortcut operation function of the second application, but can directly determine whether to enable the shortcut operation function through the prompt in window 308 when closing the mini program, making it more convenient to use.

[0131] In some embodiments, the first page corresponds to a first content stream of the first application, and the first content stream includes the second content and the third content. In this way, while the user is watching the first content stream using the first application, the content of the second application can be displayed on the page when preset conditions are met, making the user experience of the first application smoother and reducing the likelihood of missing information from the second application.

[0132] It should be noted that the method of this disclosure embodiment can be executed by a single device, such as a computer or server. The method of this embodiment can also be applied to a distributed scenario, where multiple devices cooperate to complete the task. In such a distributed scenario, one of these devices may execute only one or more steps of the method of this disclosure embodiment, and the multiple devices will interact with each other to complete the method described.

[0133] It should be noted that the above description describes some embodiments of this disclosure. Other embodiments are within the scope of the appended claims. In some cases, the actions or steps recorded in the claims can be performed in a different order than that shown in the above embodiments and still achieve the desired result. Furthermore, the processes depicted in the drawings do not necessarily require a specific or sequential order to achieve the desired result. In some embodiments, multitasking and parallel processing are also possible or may be advantageous.

[0134] Based on essentially the same inventive concept, and corresponding to any of the methods described above, this disclosure also provides a page display device. Figure 6 shows a schematic structural diagram of an exemplary device 600 provided in an embodiment of this disclosure.

[0135] Referring to Figure 6, the page display device 600 may include:

[0136] The first display module 602 is configured to display the first page corresponding to the first application;

[0137] The second display module 604 is configured to: in response to the second application within the first application meeting a preset condition, display first content corresponding to the second application and a first control for prompting the user to switch to the second page corresponding to the second application on the first page, wherein the first content is related to the content displayed on the second page;

[0138] The third display module 606 is configured to display the second page corresponding to the second application in response to a trigger operation on the first control.

[0139] In some embodiments, the first display module 602 is configured to display second content corresponding to the first application on the first page.

[0140] In some embodiments, the second display module 604 is configured to:

[0141] Determine whether a notification message from the second application has been received;

[0142] In response to receiving a notification message from the second application, it is determined that the second application meets preset conditions.

[0143] In some embodiments, the second display module 604 is configured to: after determining that the second application within the first application meets preset conditions, in response to a switching operation on the second content of the first page, switch the display of the second content on the first page to the first content corresponding to the second application.

[0144] In some embodiments, the first page further includes a second control, and a second display module 604 is configured to: in response to a trigger operation on the second control, switch the first content corresponding to the second application in the first page to the third content corresponding to the first application.

[0145] In some embodiments, the second display module 604 is configured to: in response to a switching operation on the second content of the first page, when it is determined that the second application within the first application does not meet a preset condition, switch the second content on the first page to display the third content corresponding to the first application.

[0146] In some embodiments, the first display module 602 is configured to simultaneously display the user interface corresponding to the first application and the second content corresponding to the first application on the first page;

[0147] The second display module 604 is configured to simultaneously display the user interface corresponding to the first application and the first content corresponding to the second application on the first page.

[0148] In some embodiments, the third display module 606 is configured to: stop displaying the user interface corresponding to the first application; and display the second page including the first content.

[0149] In some embodiments, the second application includes a mini-program for enabling dynamic interaction in a virtual scene, the notification message includes a notification message indicating a change in the state of the virtual scene, and the first content includes real-time dynamic content of the second application associated with the notification message.

[0150] In some embodiments, the second display module 604 is configured to display a prompt message corresponding to the notification message on the first page in response to the second application within the first application meeting a preset condition.

[0151] In some embodiments, the first display module 602 is configured to: in response to an opening operation for the second application, open the second application in the first application and display the second page corresponding to the second application.

[0152] In some embodiments, the first display module 602 is configured to display the first page corresponding to the first application in response to a closing operation for the second application.

[0153] In some embodiments, the first display module 602 is configured to: in response to a closing operation for the second application, display a window for prompting the user whether to enable the notification function of the second application, the window including a third control for determining whether to enable the notification function; and in response to a triggering operation for the third control, enable the notification function for the second application so that, after receiving the notification message from the second application, the first content corresponding to the second application is displayed on the first page.

[0154] In some embodiments, the first page corresponds to a first content stream of the first application, and the first content stream includes the second content and the third content.

[0155] For ease of description, the above apparatus is described in terms of its functions, divided into various modules. Of course, in implementing this disclosure, the functions of each module can be implemented in one or more software and / or hardware.

[0156] The apparatus of the above embodiments is used to implement the corresponding method 500 in any of the foregoing embodiments and has the beneficial effects of the corresponding method embodiments, which will not be repeated here.

[0157] Based on essentially the same inventive concept, this disclosure also provides a computer device for implementing the above-described method 500. Figure 7 shows a schematic diagram of the hardware structure of an exemplary computer device 700 provided in this disclosure. The computer device 700 can be used to implement the terminal device 102 of Figure 1. In some scenarios, the computer device 700 can also be used to implement the server 104 and database server 106 of Figure 1.

[0158] As shown in Figure 7, the computer device 700 may include: a processor 702, a memory 704, a network module 706, a peripheral interface 708, and a bus 710. The processor 702, memory 704, network module 706, and peripheral interface 708 are interconnected within the computer device 700 via the bus 710.

[0159] Processor 702 may be a central processing unit (CPU), a graphics processor, a neural network processor (NPU), a microcontroller (MCU), a programmable logic device, a digital signal processor (DSP), an application-specific integrated circuit (ASIC), or one or more integrated circuits. Processor 702 can be used to perform functions related to the techniques described in this disclosure. In some embodiments, processor 702 may also include multiple processors integrated into a single logic component. For example, as shown in FIG. 7, processor 702 may include multiple processors 702a, 702b, and 702c.

[0160] Memory 704 can be configured to store data (e.g., instructions, computer code, etc.). As shown in FIG7, the data stored in memory 704 may include program instructions (e.g., program instructions for implementing method 500 of embodiments of the present disclosure) and data to be processed (e.g., the memory may store configuration files of other modules, etc.). Processor 702 can also access the program instructions and data stored in memory 704 and execute the program instructions to operate on the data to be processed. Memory 704 may include volatile storage devices or non-volatile storage devices. In some embodiments, memory 704 may include random access memory (RAM), read-only memory (ROM), optical disk, magnetic disk, hard disk, solid-state drive (SSD), flash memory, memory stick, etc.

[0161] Network interface 706 can be configured to provide communication with other external devices to computer device 700 via a network. This network can be any wired or wireless network capable of transmitting and receiving data. For example, the network can be a wired network, a local wireless network (e.g., Bluetooth, WiFi, Near Field Communication (NFC), etc.), a cellular network, the Internet, or a combination thereof. It is understood that the type of network is not limited to the specific examples described above.

[0162] The peripheral interface 708 can be configured to connect the computer device 700 to one or more peripheral devices to enable information input and output. For example, peripheral devices may include input devices such as keyboards, mice, touchpads, touch screens, microphones, and various sensors, as well as output devices such as displays, speakers, vibrators, and indicator lights.

[0163] Bus 710 can be configured to transfer information between various components of computer device 700 (e.g., processor 702, memory 704, network interface 706, and peripheral interface 708), such as internal buses (e.g., processor-memory bus), external buses (USB port, PCI-E bus), etc.

[0164] It should be noted that although the architecture of the computer device 700 described above only shows the processor 702, memory 704, network interface 706, peripheral interface 708, and bus 710, in specific implementations, the architecture of the computer device 700 may also include other components necessary for normal operation. Furthermore, those skilled in the art will understand that the architecture of the computer device 700 described above may only include the components necessary for implementing the embodiments of this disclosure, and does not necessarily include all the components shown in the figures.

[0165] Based on the essentially the same inventive concept, and corresponding to the methods of any of the above embodiments, this disclosure also provides a non-transitory computer-readable storage medium storing computer instructions for causing the computer to perform the method 500 as described in any of the above embodiments.

[0166] The computer-readable medium of this embodiment includes permanent and non-permanent, removable and non-removable media, and information storage can be implemented by any method or technology. Information can be computer-readable instructions, data structures, program modules, or other data. Examples of computer storage media include, but are not limited to, phase-change memory (PRAM), static random access memory (SRAM), dynamic random access memory (DRAM), other types of random access memory (RAM), read-only memory (ROM), electrically erasable programmable read-only memory (EEPROM), flash memory or other memory technologies, CD-ROM, digital versatile optical disc (DVD) or other optical storage, magnetic tape, magnetic magnetic disk storage or other magnetic storage devices, or any other non-transfer medium that can be used to store information accessible by a computing device.

[0167] The computer instructions stored in the storage medium of the above embodiments are used to cause the computer to perform the method 500 as described in any of the above embodiments, and have the beneficial effects of the corresponding method embodiments, which will not be repeated here.

[0168] Based on the same inventive concept, corresponding to the method 500 of any of the above embodiments, this disclosure also provides a computer program product, which includes a computer program. In some embodiments, the computer program is executable by one or more processors to cause the processors to perform the method 500. Corresponding to the execution entity for each step in each embodiment of method 500, the processor performing the corresponding step may belong to the corresponding execution entity.

[0169] The computer program product of the above embodiments is used to cause the processor to execute the method 500 as described in any of the above embodiments, and has the beneficial effects of the corresponding method embodiments, which will not be repeated here.

[0170] Those skilled in the art should understand that the discussion of any of the above embodiments is merely exemplary and is not intended to imply that the scope of this disclosure (including the claims) is limited to these examples; within the framework of this disclosure, the technical features of the above embodiments or different embodiments can also be combined, the steps can be implemented in any order, and there are many other variations of different aspects of the embodiments of this disclosure as described above, which are not provided in detail for the sake of brevity.

[0171] Additionally, to simplify the description and discussion, and to avoid obscuring the embodiments of this disclosure, the provided drawings may or may not show well-known power / ground connections to integrated circuit (IC) chips and other components. Furthermore, the apparatus may be shown in block diagram form to avoid obscuring the embodiments of this disclosure, and this also takes into account the fact that the details of implementation of these block diagram apparatuses are highly dependent on the platform on which the embodiments of this disclosure will be implemented (i.e., these details should be fully understood by those skilled in the art). While specific details (e.g., circuitry) have been set forth to describe exemplary embodiments of this disclosure, it will be apparent to those skilled in the art that the embodiments of this disclosure may be implemented without these specific details or with variations thereof. Therefore, these descriptions should be considered illustrative rather than restrictive.

[0172] Although this disclosure has been described in conjunction with specific embodiments thereof, many substitutions, modifications, and variations of these embodiments will be apparent to those skilled in the art from the foregoing description. For example, other memory architectures (e.g., dynamic RAM (DRAM)) may be used with the embodiments discussed.

[0173] This disclosure is intended to cover all such substitutions, modifications, and variations that fall within the broad scope of the appended claims. Therefore, any omissions, modifications, equivalent substitutions, improvements, etc., made within the spirit and principles of this disclosure should be included within the scope of protection of this disclosure.

Claims

1. A page display method, comprising: Display the first page corresponding to the first application; In response to the second application within the first application meeting preset conditions, the first content corresponding to the second application and the first control for prompting the user to switch to the second page corresponding to the second application are displayed on the first page, wherein the first content is related to the content displayed on the second page; In response to a trigger operation on the first control, the second page corresponding to the second application is displayed.

2. The method as described in claim 1, wherein, Display the first page corresponding to the first application, including: The second content corresponding to the first application is displayed on the first page.

3. The method of claim 2, further comprising: Determine whether a notification message from the second application has been received; In response to receiving a notification message from the second application, it is determined that the second application meets preset conditions.

4. The method of claim 2, wherein, In response to a second application within the first application meeting preset conditions, the first content corresponding to the second application is displayed on the first page, including: After determining that the second application within the first application meets the preset conditions, in response to the switching operation of the second content on the first page, the second content on the first page is switched to display as the first content corresponding to the second application.

5. The method of claim 4, wherein, The first page also includes a second control; After switching the display of the second content on the first page to the first content corresponding to the second application, the method further includes: In response to a trigger operation on the second control, the first content corresponding to the second application on the first page is switched to the third content corresponding to the first application.

6. The method of claim 2, wherein, After displaying the second content corresponding to the first application on the first page, the method further includes: In response to the switching operation of the second content on the first page, when it is determined that the second application within the first application does not meet the preset conditions, the second content on the first page is switched to the third content corresponding to the first application.

7. The method of claim 2, wherein, Displaying the second content corresponding to the first application on the first page further includes: simultaneously displaying the user interface corresponding to the first application and the second content corresponding to the first application on the first page; Displaying the first content corresponding to the second application on the first page further includes: simultaneously displaying the user interface corresponding to the first application and the first content corresponding to the second application on the first page.

8. The method of claim 7, wherein, Displaying the second page corresponding to the second application, further including: Stop displaying the user interface corresponding to the first application; Display the second page, which includes the first content.

9. The method of claim 3, wherein, The second application includes a mini-program for enabling dynamic interaction in a virtual scene, the notification message includes a notification message indicating a change in the state of the virtual scene, and the first content includes real-time dynamic content of the second application associated with the notification message.

10. The method of claim 3, further comprising: In response to the second application within the first application meeting preset conditions, a prompt message corresponding to the notification message is displayed on the first page.

11. The method of claim 1, wherein, Before displaying the first page corresponding to the first application, the method further includes: In response to the opening operation of the second application, the second application is opened in the first application and the second page corresponding to the second application is displayed.

12. The method of claim 11, wherein, After displaying the second page corresponding to the second application, the method further includes: In response to the closing operation of the second application, the first page corresponding to the first application is displayed.

13. The method of claim 12, wherein, In response to a closing operation on the second application, the first page corresponding to the first application is displayed, including: In response to a closing operation on the second application, a window is displayed to prompt the user whether to enable the notification function of the second application, the window including a third control for determining whether to enable the notification function; In response to a trigger operation on the third control, a notification function for the second application is enabled so that, upon receiving the notification message from the second application, the first content corresponding to the second application is displayed on the first page.

14. The method of claim 6, wherein, The first page corresponds to the first content stream of the first application, and the first content stream includes the second content and the third content.

15. A page display device, comprising: The first display module is configured to display the first page corresponding to the first application. The second display module is configured to: in response to the second application within the first application meeting a preset condition, display first content corresponding to the second application and a first control for prompting the user to switch to the second page corresponding to the second application on the first page, wherein the first content is related to the content displayed on the second page; The third display module is configured to display the second page corresponding to the second application in response to a trigger operation on the first control.

16. A computer device comprising a memory, a processor, and a computer program stored in the memory and executable on the processor, wherein, When the processor executes the program, it implements the method as described in any one of claims 1 to 14.

17. A non-transitory computer-readable storage medium storing computer instructions, wherein, The computer instructions are used to cause the computer to perform the method as described in any one of claims 1 to 14.

18. A computer program product, wherein, It includes computer program instructions that, when executed on a computer, cause the computer to perform the method as described in any one of claims 1 to 14.

Images