In-application page display method and device and storage medium

Abstract

The invention relates to an in-application page display method and device and a storage medium. The method comprises the following steps: displaying a target chat window on a session interface of an instant messaging application; a page interaction window is displayed in a target area, the page interaction window is used for displaying a page corresponding to the webpage application, and the target area is other areas except the target chat window in the session interface. According to the method and the device, the target chat window and the page corresponding to the webpage application can be displayed in the session interface of the instant messaging application, so that a user can directly access the webpage application in the instant messaging application and directly display the page corresponding to the webpage application in the session interface without jumping to a browser and exiting from the session interface, and the user experience is improved. The deep integration of the session function and the webpage application function in the session interface of the instant application is realized, the interaction efficiency is remarkably improved, and the operation path is shortened. The layout of the session interface is enriched, and webpage application content can be dynamically displayed in the session interface according to user requirements.

Description

Technical Field

[0001] The present disclosure relates to the field of computer technology, and in particular to a method, device, and storage medium for displaying pages within an application. Background Art

[0002] Instant messaging applications provide many conveniences for people's daily lives. People can communicate conveniently within instant messaging applications. However, current instant messaging applications cannot directly display web applications, but need to jump to the browser for display, which leads to a longer operation path and a decrease in interaction efficiency. Summary of the Invention

[0003] To solve at least one of the above technical problems, the present disclosure provides a method, device, and storage medium for displaying pages within an application. The technical solutions of the present disclosure are as follows:

[0004] According to a first aspect of an embodiment of the present disclosure, a method for displaying a page within an application is provided, comprising:

[0005] Display the target chat window on the conversation interface of the instant messaging application;

[0006] A page interaction window is displayed in the target area, where the page interaction window is used to display a page corresponding to the web application. The target area is other areas in the session interface except the target chat window.

[0007] In an exemplary embodiment, displaying the page interaction window in the target area includes:

[0008] When the file displayed in the target chat window is triggered, displaying the page interaction window in the target area;

[0009] The content of the file is displayed in the page interaction window, and the content of the file is the access result of the web page address where the file is located.

[0010] In an exemplary embodiment, displaying the page interaction window in the target area includes:

[0011] When the chat content displayed in the target chat window is triggered, displaying the page interaction window in the target area;

[0012] The access result of the web application corresponding to the chat content is displayed in the page interaction window.

[0013] In an exemplary embodiment, the method further comprises:

[0014] Displaying a target control on the conversation interface;

[0015] When the target control is triggered, a page navigation window is displayed in the target area, and the page navigation window is used to display at least one page tag.

[0016] In an exemplary embodiment, the method includes:

[0017] When any of the page tags is triggered, displaying the page interaction window in the target area;

[0018] The page access result corresponding to the triggered page tag is displayed in the page window.

[0019] In an exemplary embodiment, the page navigation window includes at least one of the following navigation areas:

[0020] The first navigation area is used to display page tags corresponding to other web applications provided by the instant messaging application;

[0021] The second navigation area is used to display page tags corresponding to web page addresses visited within a preset time period;

[0022] The third navigation area is used to display specific page tags associated with the target account corresponding to the instant messaging application. The specific page tags are page tags collected by the target account, or page tags corresponding to pages that are visited more frequently than a preset frequency by the target account.

[0023] In an exemplary embodiment, the method includes:

[0024] In the case where there are at least two accessed web applications in the page interaction window, displaying a navigation tag corresponding to each accessed web application;

[0025] By switching the navigation tab, the web application displayed in the page interaction window is switched.

[0026] In an exemplary embodiment, the method includes:

[0027] When the target content in the page interaction window is selected, the target content is displayed in the target chat window in response to a drag operation on the target content.

[0028] In an exemplary embodiment, in response to the dragging operation on the target content, displaying the target content in the target chat window includes:

[0029] When the end point of the dragging track of the dragging operation is in the information input area of the target chat window, displaying the target content in the information input area;

[0030] When the message sending control of the target chat window is triggered, the content in the message input area is displayed on the chat interface of the target chat window.

[0031] In an exemplary embodiment, in response to the dragging operation on the target content, displaying the target content in the target chat window includes:

[0032] When the end point of the dragging track of the dragging operation is on the chat interface of the target chat window, the target content is displayed on the chat interface.

[0033] In an exemplary embodiment, the method includes:

[0034] When the content of the file is displayed in the page interaction window and the chat content of the chat interface of the target chat window is selected, in response to a drag operation on the chat content, the chat content is inserted into the file, and the insertion position is the end point of the drag track of the drag operation.

[0035] In an exemplary embodiment, the method includes:

[0036] In response to a preset operation on the page interaction window, displaying the page interaction window on the target interface, and canceling the display of the page interaction window in the target area;

[0037] The target interface is another interface independent of the session interface.

[0038] In an exemplary embodiment, the method includes:

[0039] When the session interface simultaneously displays the target chat window, the page interaction window and at least one interaction area, the display space of the dragged target is adjusted in response to a drag operation on any drag target, and the dragged target is the selected target chat window, the page interaction window or any interaction area.

[0040] According to a second aspect of an embodiment of the present disclosure, a device for displaying pages within an application is provided, the device comprising:

[0041] A first display module is configured to display a target chat window on a conversation interface of an instant messaging application;

[0042] The second display module is configured to execute displaying a page interaction window in a target area, where the page interaction window is used to display a page corresponding to a web application. The target area is other areas in the session interface except the target chat window.

[0043] In an exemplary embodiment, the second display module is configured to execute:

[0044] When the file displayed in the target chat window is triggered, displaying the page interaction window in the target area;

[0045] The content of the file is displayed in the page interaction window, and the content of the file is the access result of the web page address where the file is located.

[0046] In an exemplary embodiment, the second display module is configured to execute:

[0047] When the chat content displayed in the target chat window is triggered, displaying the page interaction window in the target area;

[0048] The access result of the web application corresponding to the chat content is displayed in the page interaction window.

[0049] In an exemplary embodiment, the second display module is configured to execute:

[0050] Displaying a target control on the conversation interface;

[0051] When the target control is triggered, a page navigation window is displayed in the target area, and the page navigation window is used to display at least one page tag.

[0052] In an exemplary embodiment, the second display module is configured to execute:

[0053] When any of the page tags is triggered, displaying the page interaction window in the target area;

[0054] The page access result corresponding to the triggered page tag is displayed in the page window.

[0055] In an exemplary embodiment, the page navigation window includes at least one of the following navigation areas:

[0056] The first navigation area is used to display page tags corresponding to other web applications provided by the instant messaging application;

[0057] The second navigation area is used to display page tags corresponding to web page addresses visited within a preset time period;

[0058] The third navigation area is used to display specific page tags associated with the target account corresponding to the instant messaging application. The specific page tags are page tags collected by the target account, or page tags corresponding to pages that are visited more frequently than a preset frequency by the target account.

[0059] In an exemplary embodiment, the second display module is configured to execute:

[0060] In the case where there are at least two accessed web applications in the page interaction window, displaying a navigation tag corresponding to each accessed web application;

[0061] By switching the navigation tab, the web application displayed in the page interaction window is switched.

[0062] In an exemplary embodiment, the second display module is configured to execute:

[0063] When the target content in the page interaction window is selected, the target content is displayed in the target chat window in response to a drag operation on the target content.

[0064] In an exemplary embodiment, the second display module is configured to execute:

[0065] When the end point of the dragging track of the dragging operation is in the information input area of the target chat window, displaying the target content in the information input area;

[0066] When the message sending control of the target chat window is triggered, the content in the message input area is displayed on the chat interface of the target chat window.

[0067] In an exemplary embodiment, the second display module is configured to execute:

[0068] When the end point of the dragging track of the dragging operation is on the chat interface of the target chat window, the target content is displayed on the chat interface.

[0069] In an exemplary embodiment, the second display module is configured to execute:

[0070] When the content of the file is displayed in the page interaction window and the chat content of the chat interface of the target chat window is selected, in response to a drag operation on the chat content, the chat content is inserted into the file, and the insertion position is the end point of the drag track of the drag operation.

[0071] In an exemplary embodiment, the second display module is configured to execute:

[0072] In response to a preset operation on the page interaction window, displaying the page interaction window on the target interface, and canceling the display of the page interaction window in the target area;

[0073] The target interface is another interface independent of the session interface.

[0074] In an exemplary embodiment, the second display module is configured to execute:

[0075] When the session interface simultaneously displays the target chat window, the page interaction window and at least one interaction area, the display space of the dragged target is adjusted in response to a drag operation on any drag target, and the dragged target is the selected target chat window, the page interaction window or any interaction area.

[0076] According to a third aspect of an embodiment of the present disclosure, a computer-readable storage medium is provided. When instructions in the computer-readable storage medium are executed by a processor of an electronic device, the electronic device is enabled to execute any one of the methods in the first aspect of the embodiment of the present disclosure.

[0077] According to a fourth aspect of an embodiment of the present disclosure, an electronic device is provided, comprising: a processor; and a memory for storing instructions executable by the processor; wherein the processor is configured to execute the instructions to implement any one of the methods in the first aspect of the embodiment of the present disclosure.

[0078] According to a fifth aspect of an embodiment of the present disclosure, a computer program product is provided, which includes a computer program, the computer program is stored in a readable storage medium, and at least one processor of a computer device reads and executes the computer program from the readable storage medium, so that the computer device performs any one of the methods in the first aspect of the embodiment of the present disclosure.

[0079] The technical solutions provided by the embodiments of the present disclosure bring at least the following beneficial effects:

[0080] The present disclosure can display not only the target chat window but also the corresponding page of the web application in the conversation interface of the instant messaging application. In other words, users can directly access the web application within the instant messaging application and directly display the corresponding page of the web application within the conversation interface without having to jump to a third-party browser or exit the conversation interface. This achieves a deep integration of the conversation function within the instant messaging application conversation interface and the web application access function, significantly improving interaction efficiency and shortening the operation path. In addition, the layout of the conversation interface is enriched, avoiding a single layout function, and the content of the web application can be dynamically displayed within the conversation interface according to user needs.

[0081] It is to be understood that the foregoing general description and the following detailed description are exemplary and explanatory only and are not restrictive of the disclosure. BRIEF DESCRIPTION OF THE DRAWINGS

[0082] The accompanying drawings herein are incorporated into and constitute a part of the specification, illustrate embodiments consistent with the present disclosure, and together with the description are used to explain the principles of the present disclosure, and do not constitute an improper limitation of the present disclosure.

[0083] Figure 1 is a schematic diagram of an implementation environment of a method for displaying pages within an application according to an exemplary embodiment;

[0084] Figure 2 This is a flowchart of a method for displaying pages within an application according to an exemplary embodiment;

[0085] Figure 3 is a schematic diagram of a conversation interface according to an exemplary embodiment;

[0086] Figure 4 is a schematic diagram of a containerized rendering process according to an exemplary embodiment;

[0087] Figure 5 is a schematic diagram of a web application triggering process according to an exemplary embodiment;

[0088] Figure 6 is a schematic diagram of a page navigation window according to an exemplary embodiment;

[0089] Figure 7 is a schematic diagram of a conversation interface for displaying pages based on tags according to an exemplary embodiment;

[0090] FIG8(1) is a diagram showing a drag editing method according to an exemplary embodiment. Figure 1 ;

[0091] FIG8(2) is a diagram showing a drag editing method according to an exemplary embodiment. Figure 2 ;

[0092] Figure 9 is a schematic diagram showing a page separation and merging process according to an exemplary embodiment;

[0093] Figure 10 This is a block diagram of a device for displaying pages within an application according to an exemplary embodiment;

[0094] Figure 11 A computer device according to an exemplary embodiment is provided. Figure 1 ;

[0095] Figure 12 A computer device according to an exemplary embodiment is provided. Figure 2 . DETAILED DESCRIPTION

[0096] In order to enable ordinary persons in the art to better understand the technical solutions of the present disclosure, the technical solutions in the embodiments of the present disclosure will be clearly and completely described below with reference to the accompanying drawings.

[0097] It should be noted that the terms "first," "second," and the like in the specification and claims of the present disclosure and the above-mentioned drawings are used to distinguish similar first objects and are not necessarily used to describe a specific order or precedence. It should be understood that the numbers used in this manner are interchangeable where appropriate so that the embodiments of the present disclosure described herein can be implemented in an order other than those illustrated or described herein. The embodiments described in the following exemplary embodiments do not represent all embodiments consistent with the present disclosure. Instead, they are merely examples of devices and methods consistent with certain aspects of the present disclosure as detailed in the appended claims.

[0098] Before describing the embodiments of the present disclosure in detail, the relevant technical background related to the embodiments of the present disclosure is introduced to facilitate understanding by those skilled in the art in the field of the present disclosure.

[0099] Figure 1 This is a schematic diagram of an implementation environment of a method for displaying pages within an application according to an exemplary embodiment. Figure 1 , the implementation environment specifically includes: a terminal 101 and a server 102.

[0100] The terminal 101 may be at least one of a smart phone, a smart watch, a desktop computer, a laptop computer, and a portable computer. An application that supports in-application page display may be installed and run on the terminal 101. The user may log in to the application through the terminal 101 to obtain the in-application page display service. The in-application page display service may be a service that provides in-application page display for intelligent dialogue or intelligent question and answer. The terminal 101 may generally refer to one of a plurality of terminals. This embodiment only uses the terminal 101 as an example. Those skilled in the art will appreciate that the number of the above-mentioned terminals may be more or less. For example, the above-mentioned terminals may be only a few, or the above-mentioned terminals may be dozens or hundreds, or a greater number. The embodiment of the present disclosure does not limit the number of terminals and the type of devices.

[0101] The server 102 may be at least one of a single server, multiple servers, a cloud computing platform, and a virtualization center. The server 102 may be connected to the terminal 101 and other terminals via a wireless network or a wired network. The server 102 may support the in-application page display method disclosed herein and enable the in-application page display method to be implemented on multiple terminals.

[0102] Figure 2 FIG. 1 is a flow chart showing a method for displaying pages within an application according to an exemplary embodiment. Figure 2 As shown, the above method at least includes the following steps S210-S220.

[0103] In step S210, the target chat window is displayed on the conversation interface of the instant messaging application.

[0104] This disclosure does not limit instant messaging applications. Instant messaging applications are internet-based software programs that allow users to exchange text, voice, images, videos, and other information in real time. These applications offer immediacy, enabling rapid message delivery and efficient communication between users. Common features include one-on-one chat, group chat, voice calls, and video calls. Some also support file sharing, location sharing, and the sending of emoticons.

[0105] The target account can be understood as any account using an instant messaging application, and the target chat window can be any chat window of the user corresponding to the target account in the instant messaging application, such as a single chat window, a multi-person chat window, a group chat window, etc. The target chat window can be used to display the text, images, files, emoticons, and other message content sent between the user and the other party; the chat window may have an information input area where the user can enter text, images, files, emoticons, and other information and can see what they have entered; in addition, the chat window may also have an area for displaying user information such as avatars and nicknames.

[0106] In step S220, a page interaction window is displayed in the target area, where the page interaction window is used to display a page corresponding to the web application. The target area is other areas in the conversation interface except the target chat window.

[0107] The present disclosure does not define the target area, which is a visualization area on the same level as the target chat window in the conversation interface. The present disclosure does not define the visualization area in the conversation interface. It can refer to the main interface of the instant messaging application, which can include the part that can present information in an intuitive visual form when the instant messaging application is running. For example, the visualization area can include a chat window for displaying messages, and can also include other interactive areas, such as an area for displaying controls for other functions in the instant messaging application besides chat, and an area where display icons of other accounts in the instant messaging application that are associated with the target account are located. The other accounts can be personal accounts or group accounts. The present disclosure can not only display the aforementioned chat window and interactive area in the visualization area, but can also further display page interaction windows.

[0108] The present disclosure does not limit web applications. A web application is an application developed based on web technology and can be used by accessing a specific web address through a browser. A web application does not need to be installed in an electronic device and can be used using a browser as a medium. The present disclosure does not limit the functions of a web application. For example, it can have any function such as information display, online office, social entertainment or e-commerce. For example, the web application can display various news information, or provide online document editing tools to support collaborative editing of documents by multiple people, or provide shopping functions for users to purchase goods, etc.

[0109] The present disclosure does not limit the specific implementation method of displaying the page corresponding to the web application in the page interaction window. It can be achieved by integrating the browser kernel in the application and does not constitute an implementation obstacle. The present disclosure can not only display the target chat window in the conversation interface of the instant messaging application, but also display the page corresponding to the web application. In other words, the user can directly access the web application in the instant messaging application and directly display the page corresponding to the web application in the conversation interface without jumping to a third-party browser or exiting the conversation interface. This achieves a deep integration of the conversation function in the instant application and the web application access function, significantly improving the interaction efficiency and shortening the operation path. In addition, it enriches the layout of the conversation interface, avoids the single layout function, and can dynamically display the content of the web application in the conversation interface according to user needs.

[0110] In an exemplary embodiment, the conversation interface may display the target chat window, the page interaction window, and at least one interaction area. Of course, in some embodiments, only the target chat window and the page interaction window may be displayed. This disclosure does not limit the interaction area; it may be the area where the entrance to other functions provided by the instant messaging application besides chat is located, or it may be the area where the user's chat partner's corresponding account is selected. Figure 3 This is a diagram illustrating a conversation interface according to an exemplary embodiment. This conversation interface 301 includes a target chat window 302, a page interaction window 303, and at least one interaction area 304. The interaction area 304 on the left includes access to other functions provided by the instant messaging application besides chat, while the interaction area 304 on the right is an area for selecting the account corresponding to the user's chat partner.

[0111] In an exemplary embodiment, when the conversation interface simultaneously displays the target chat window, the page interaction window, and at least one interaction area, in response to a drag operation on any drag target, the display space of the drag target is adjusted, and the drag target is the selected target chat window, the page interaction window, or any of the interaction areas. Figure 3For example, the border of any interactive area 304, target chat window 302, or page interactive window 303 can be dragged to change the size of the relevant area. If the user drags the horizontal double-headed arrow on the left, the width of the selection area of the account corresponding to the user's chat partner and the target chat window 302 can be adjusted. If the user drags the horizontal double-headed arrow on the right, the width of the target chat window 302 or the page interactive window 303 can be adjusted. If the user drags the vertical double-headed arrow in the middle, the height of the area for message display and the information input area in the target chat window 302 can be adjusted. The present disclosure can rearrange the conversation interface space by dragging and dropping, and customize the layout according to the width or height required by the user, thereby maximizing space utilization.

[0112] In an exemplary embodiment, the page interaction window in the present disclosure can be implemented using containerized rendering technology. Containerized rendering is a technical model that encapsulates and manages rendering tasks in a container. Containerized rendering uses container technology to package the software, dependent libraries, configuration files, etc. required for rendering into an independent container. This container has isolation and can maintain a consistent operating state in different environments. For example, Figure 4 The figure is a schematic diagram of a containerized rendering process according to an exemplary embodiment.

[0113] First, a browser kernel can be loaded into an instant messaging application. The present disclosure does not limit the browser kernel, which can be a Chrome browser kernel. The Chrome browser kernel is a rendering engine that is responsible for parsing web page code and converting it into a visual page that the user sees in the browser. The Chrome browser supports efficient rendering, so it can have a faster rendering speed, can quickly load and display web page content, and reduce user waiting time. The Chrome browser also supports new features that allow instant messaging applications to display richer and more interactive web pages. In addition, the Chrome browser has low resource usage and can effectively resist network attacks and malware through a complete security mechanism to protect user privacy and data security.

[0114] Next, initialize the WebView container. WebView is a commonly used component in front-end application development. It embeds web content within native applications, integrating web resources into native applications. The WebView container, used to render the interactive page window, is mounted in the browser kernel. The web application's network address is parsed, and the access result is loaded into the WebView container by accessing the network address, and then rendered.

[0115] This disclosure does not limit the triggering method of the page interaction window. In an exemplary embodiment, displaying the page interaction window in the target area includes: displaying the page interaction window in the target area when a file displayed in the target chat window is triggered; and displaying the content of the file in the page interaction window, where the content of the file is the access result of the webpage address where the file is located.

[0116] Please refer to Figure 3 The user corresponding to the target account or the chat partner can trigger the display of the page interaction window 303 by clicking on the document 1. The specific content of the document 1 can be displayed in the page interaction window 303 and the document 1 can also be edited. In many cases, the user corresponding to the target account can share files with the chat partner, such as a group or an individual. Unlike the technical solutions of the related art that require the user to jump to other applications that can open files, or the technical solutions that require the user to open a browser to open a file, in the present disclosure, the user clicks on the file displayed in the target chat window to display the access result of the web address where the file is located in the conversation interface, thereby eliminating the need for the user to perform multiple application operations and improving the convenience of user operations.

[0117] In an exemplary embodiment, displaying a page interaction window in a target area includes: displaying the page interaction window in the target area when chat content displayed in the target chat window is triggered; and displaying, in the page interaction window, access results of a web application corresponding to the chat content. This disclosure does not limit the method for triggering chat content. For example, a user can select chat content and perform a preset operation, such as a quick double-click or right-click, to trigger the relevant web application and display the page interaction window.

[0118] For example, a user can right-click after selecting a chat content, and the instant messaging application can display basic information of various web applications executed based on the chat content for the user. The user can left-click on one of the basic information to trigger the display of the corresponding web application in the page interaction window, and the displayed result is the result of applying the chat content to the web application. For example, the user can also quickly double-click after selecting a chat content to directly display the access results of the web application preset by the user or the instant messaging application. The access result refers to the result of accessing the corresponding web application using the selected chat content as input information.

[0119] This disclosure is not limited to web applications; for example, it could be a search application that searches for information related to chat content, an application with the same name as the chat content, or an application that provides intelligent responses to chat content. By displaying web applications related to chat content in a page interaction window on the same level as the target chat window within the conversation interface, this disclosure achieves deep interaction and integration between the chat functionality of instant messaging applications and intelligent web applications related to chat content, significantly improving user convenience.

[0120] Figure 5 This is a schematic diagram of the web application triggering process according to an exemplary embodiment. The conversation interface 501 includes a target chat window 502, which displays the chat conversation content. The user selects the text "****" in the conversation content and right-clicks to display the trigger controls of the relevant web application. For example, if "Smart Search" is triggered, the page interaction window can be displayed, and the search application's search results for "****" can be displayed. For another example, if "Smart Answer" is triggered, the page interaction window can be displayed, and the answer result of the smart dialogue application to "****" can be displayed. If "****" is the name of an application, the application can be opened in the page interaction window.

[0121] The present disclosure can also set up quick operations to quickly display a specific web application in the page interaction window. The web application to be quickly displayed can be set by the user or preset by the instant messaging application. For example, if the user selects "****" in the conversation content and quickly double-clicks it, the application with the same name can be directly opened in the page interaction window. Taking the application with the same name as a food delivery application as an example, the order interface 503 (page interaction window) of the food delivery application can be displayed, and the user can conveniently place an order while discussing what to eat with the user in the target chat window, significantly improving the user experience.

[0122] In an exemplary embodiment, the method further includes: displaying a target control in the conversation interface; when the target control is triggered, displaying a page navigation window in the target area, wherein the page navigation window is used to display at least one page label. In some embodiments, if the page interaction window has not yet been displayed in the conversation interface, the display of the target area can be triggered by triggering the target control, and the page navigation window can be displayed in the target area. The display position of the page navigation window and the aforementioned page interaction window can be the same or different. The present disclosure does not limit the display position of the target control, which can be located inside or outside the target chat window. If the target control is located outside the target chat window, it can be set to Figure 3 In the interactive area 304 on the left.

[0123] In an exemplary embodiment, the method includes: when any of the page tags is triggered, displaying the page interaction window in the target area; and displaying the page access result corresponding to the triggered page tag in the page window. When any of the page tags is triggered, the display of the page navigation window can be canceled, and a page interaction window can be displayed in the target area where the page navigation window was originally displayed, and the page interaction window displays the page access result corresponding to the triggered page tag. In other words, the page navigation window and the page interaction window can reuse the same area, thereby improving space utilization. In the present disclosure, the target control is directly set on the conversation interface, which is convenient for users to quickly open the navigation window, and quickly open the related web application within the instant messaging application by triggering the page tag of the navigation window, thereby shortening the user operation path and improving interaction efficiency.

[0124] The present disclosure does not limit the specific display content of the page navigation window. In an exemplary embodiment, the page navigation window includes at least one of the following navigation areas:

[0125] The first navigation area is used to display page tags corresponding to other web applications provided by the instant messaging application.

[0126] The second navigation area is used to display the page tags corresponding to the web page addresses visited within a preset time period; the present disclosure does not limit the preset time period and can be set according to actual conditions, such as the last 10 days or the last month, which does not constitute an implementation obstacle.

[0127] The third navigation area is used to display specific page tags associated with the target account corresponding to the instant messaging application. The specific page tags are page tags that the target account has saved, or page tags corresponding to pages that the target account visits more frequently than a preset frequency. This disclosure does not limit the preset frequency and can be set based on actual circumstances without posing an implementation obstacle.

[0128] Figure 6 6 is a schematic diagram of a page navigation window according to an exemplary embodiment. The conversation interface 601 includes a target chat window 602, and a target control 603 is set in the conversation interface 601. The target control 603 can be within the target chat interface 602 or outside the target chat interface 602. When the target control 603 is triggered, the page navigation window 604 can be displayed in the target area.

[0129] The page navigation window 604 includes a first navigation area 605, a second navigation area 606 and a third navigation area 607. The first navigation area 605 displays page tags corresponding to other web applications provided by the instant messaging application. Figure 6The middle section shows the page tabs corresponding to application 1 and application 2. Of course, as the number of web applications provided by the instant messaging application increases, the space occupied by the first navigation area 605 may also increase. If the space occupied by the first navigation area 605 is insufficient to display all the page tabs of the web applications provided by the instant messaging application, a control for displaying tabs in batches may be provided. By triggering this control, the user can view tabs of more web applications provided by the instant messaging application in batches.

[0130] The second navigation area 606 displays the page tags corresponding to the web page addresses that the user has recently visited. The third navigation area 607 displays the page tags that the user has collected, or the page tags that are frequently visited. The present disclosure does not limit the size of the preset frequency and does not constitute an implementation obstacle. The page tags of the first navigation area 605, the second navigation area 606 or the third navigation area 607 can be edited, such as adding, deleting, etc. The present disclosure provides a quick access to the user's frequently used pages or the entrance to the web application integrated with the instant messaging application through the page navigation window, conveniently providing users with an interactive channel between the instant messaging application and the related web application, promoting in-depth interaction, shortening the user's operation path, and improving the user experience.

[0131] In an exemplary embodiment, the method includes: when there are at least two accessed web applications in the page interaction window, displaying a navigation tag corresponding to each accessed web application; and switching the web applications displayed in the page interaction window by switching the navigation tags.

[0132] Figure 7 This is a schematic diagram of a conversation interface for tab-based page display, according to an exemplary embodiment. Conversation interface 701 includes a target chat window 702 and a page interaction window 703. Page interaction window 703 displays two page tabs: Page Tab 1 and Page Tab 2. Clicking each page tab displays the corresponding webpage content, and closing a page tab closes the corresponding page. By displaying webpage content across multiple tabs and enabling flexible tab switching, combined with tab-based page display control, the page interaction window's ability to display web applications is enhanced, improving display efficiency.

[0133] In an exemplary embodiment, the method includes: when the target content in the page interaction window is selected, in response to a drag operation on the target content, the target content is displayed in the target chat window. The present disclosure does not limit the target content, which can be any content in the page interaction window, for example, it can be text, a picture, a link or an emoticon. The present disclosure does not limit the method for selecting the target content. For example, if the target content is text, it can be selected by dragging the mouse and clicking the left button, which does not constitute an implementation obstacle. For another example, if the target content is an emoticon or a picture, it can be directly selected by clicking the left button. The target content in the page interaction window can be quickly sent to the target chat window through the drag operation, and then quickly sent to the chat object. There is no need to frequently switch between different applications to select and send content, which improves the efficiency of content sending.

[0134] FIG8(1) is a diagram showing a drag editing method according to an exemplary embodiment. Figure 1 . Please refer to Figures (a) to (d), the conversation interface 801 includes a target chat window 802 and a page interaction window 803. The page interaction window 803 displays a document, for example, a Word document. By selecting content in the document and dragging it, the selected document content can eventually be displayed in the target chat window.

[0135] In an exemplary embodiment, when the end point of the dragging track of the dragging operation is in the information input area of the target chat window, the target content is displayed in the information input area; when the information sending control of the target chat window is triggered, the content in the information input area is displayed in the chat interface of the target chat window. Please refer to Figure (a). The user can select the text "bbbcdd" in Document 1 and drag it to the information input area of the target chat window. The display effect can refer to Figure (b). The user can edit the content in the information input area or send it directly. The sending effect can refer to Figure (d). In this embodiment, the selected content can be dragged into the information input area first. The user can edit the content in the information input area and then send the content. This not only improves the efficiency of content sending, but also takes into account the user's autonomy in content editing.

[0136] In another exemplary embodiment, when the end point of the dragging track of the dragging operation is in the chat interface of the target chat window, the target content is displayed on the chat interface. Referring to Figure (c), the user can select the text "bbbcdd" in Document 1 and drag it directly to the chat interface of the target chat window. The dragging effect can refer to Figure (d). In other words, if the user drags the selected chat content directly to the chat interface, the sending effect can be generated immediately without triggering the information sending control. In this embodiment, the selected content can be sent directly, which significantly improves the efficiency of content sending.

[0137] In an exemplary embodiment, the method includes: when the content of the file is displayed in the page interaction window and the chat content of the chat interface of the target chat window is selected, in response to a drag operation on the chat content, inserting the chat content into the file, and the insertion position is the end point of the drag trajectory of the drag operation. The present disclosure does not limit the selected chat content, which can come from the chat content sent by the target account or the chat content sent by the chat object. The present disclosure does not limit the display form of the chat content, which can be text, pictures, links or emoticons. The present disclosure does not limit the method of selecting the chat content. For example, if the chat content is text, it can be selected by dragging the mouse and clicking the left button, which does not constitute an implementation obstacle. For another example, if the chat content is an emoticon or a picture, it can be directly selected by clicking the left button.

[0138] FIG8(2) is a diagram showing a drag editing method according to an exemplary embodiment. Figure 2 . Please refer to Figure (1). After the user selects the chat content "bbbcdd", he can drag the chat content directly into the document by dragging it. The end point of the drag is the insertion position, and the chat content "bbbcdd" is inserted into the insertion position. Please refer to Figure (2) for the insertion effect, thereby realizing quick editing based on the chat content by directly dragging the chat content. This implementation method can quickly insert chat content into a file, realize quick editing of the file based on the chat content, and significantly improve the efficiency of file editing.

[0139] In an exemplary embodiment, the method includes: in response to a preset operation on the page interaction window, displaying the page interaction window on a target interface and canceling the display of the page interaction window in the target area; wherein the target interface is another interface independent of the conversation interface. This disclosure does not limit the preset operation for the page interaction window. The preset operation is a predetermined operation, such as a double-click operation, a single-click operation, or a path-based operation, wherein the path-based operation may be a sliding operation or a dragging operation.

[0140] In an exemplary embodiment, a page tag or the web page content corresponding to the page tag in the page interaction window can be dragged to separate the web page content from the session interface and display it in the form of an independent window. The independent window is the target interface, which is an interface at the same level as the session interface and is no longer located inside the session interface.

[0141] In one exemplary embodiment, the separated target interface can be merged back into the conversation interface and re-presented in the conversation interface as a page interaction window. This disclosure does not limit the triggering method for merging. In one exemplary embodiment, if the ratio of the overlapping area of the target interface and the conversation interface to the area occupied by the target interface is greater than a preset threshold, then the merge can be triggered. This disclosure does not limit the preset threshold and can be set according to actual circumstances, which does not constitute an implementation obstacle.

[0142] This embodiment provides an interactive method that flexibly supports page separation and merging, improves page display diversity, and meets the user's display needs.

[0143] Figure 9 : This is a schematic diagram of the page separation and merging process according to an exemplary embodiment. If the user selects a certain web page content (label 2 or its corresponding content) in the conversation interface of the left figure, the web page content corresponding to label 2 can be dragged directly out of the conversation interface by dragging and displayed in the form of an independent window, that is, the independent window shown in the right figure. If the user moves the independent window in the right figure to the point where the ratio of the overlapping area with the conversation interface to the area occupied by the independent window is greater than a preset threshold, the content in the independent window can be merged into the conversation interface again and displayed again in the conversation interface in the form of a page interaction window, that is, the page interaction window shown in the left figure. By flexibly separating and merging, the convenience of operation is improved.

[0144] Figure 10 This is a block diagram of a device for displaying pages within an application according to an exemplary embodiment. The device includes:

[0145] The first display module 1010 is configured to display the target chat window on the conversation interface of the instant messaging application;

[0146] The second display module 1020 is configured to execute displaying a page interaction window in a target area, where the page interaction window is used to display a page corresponding to a web application. The target area is other areas in the conversation interface except the target chat window.

[0147] In an exemplary embodiment, the second display module 1020 is configured to execute:

[0148] When the file displayed in the target chat window is triggered, displaying the page interaction window in the target area;

[0149] The content of the file is displayed in the page interaction window, and the content of the file is the access result of the web page address where the file is located.

[0150] In an exemplary embodiment, the second display module 1020 is configured to execute:

[0151] When the chat content displayed in the target chat window is triggered, displaying the page interaction window in the target area;

[0152] The access result of the web application corresponding to the chat content is displayed in the page interaction window.

[0153] In an exemplary embodiment, the second display module 1020 is configured to execute:

[0154] Displaying a target control on the conversation interface;

[0155] When the target control is triggered, a page navigation window is displayed in the target area, and the page navigation window is used to display at least one page tag.

[0156] In an exemplary embodiment, the second display module 1020 is configured to execute:

[0157] When any of the page tags is triggered, displaying the page interaction window in the target area;

[0158] The page access result corresponding to the triggered page tag is displayed in the page window.

[0159] In an exemplary embodiment, the page navigation window includes at least one of the following navigation areas:

[0160] The first navigation area is used to display page tags corresponding to other web applications provided by the instant messaging application;

[0161] The second navigation area is used to display page tags corresponding to web page addresses visited within a preset time period;

[0162] The third navigation area is used to display specific page tags associated with the target account corresponding to the instant messaging application. The specific page tags are page tags collected by the target account, or page tags corresponding to pages that are visited more frequently than a preset frequency by the target account.

[0163] In an exemplary embodiment, the second display module 1020 is configured to execute:

[0164] In the case where there are at least two accessed web applications in the page interaction window, displaying a navigation tag corresponding to each accessed web application;

[0165] By switching the navigation tab, the web application displayed in the page interaction window is switched.

[0166] In an exemplary embodiment, the second display module 1020 is configured to execute:

[0167] When the target content in the page interaction window is selected, the target content is displayed in the target chat window in response to a drag operation on the target content.

[0168] In an exemplary embodiment, the second display module 1020 is configured to execute:

[0169] When the end point of the dragging track of the dragging operation is in the information input area of the target chat window, displaying the target content in the information input area;

[0170] When the message sending control of the target chat window is triggered, the content in the message input area is displayed on the chat interface of the target chat window.

[0171] In an exemplary embodiment, the second display module 1020 is configured to execute:

[0172] When the end point of the dragging track of the dragging operation is on the chat interface of the target chat window, the target content is displayed on the chat interface.

[0173] In an exemplary embodiment, the second display module 1020 is configured to execute:

[0174] When the content of the file is displayed in the page interaction window and the chat content of the chat interface of the target chat window is selected, in response to a drag operation on the chat content, the chat content is inserted into the file, and the insertion position is the end point of the drag track of the drag operation.

[0175] In an exemplary embodiment, the second display module 1020 is configured to execute:

[0176] In response to a preset operation on the page interaction window, displaying the page interaction window on the target interface, and canceling the display of the page interaction window in the target area;

[0177] The target interface is another interface independent of the session interface.

[0178] In an exemplary embodiment, the second display module 1020 is configured to execute:

[0179] When the session interface simultaneously displays the target chat window, the page interaction window and at least one interaction area, the display space of the dragged target is adjusted in response to a drag operation on any drag target, and the dragged target is the selected target chat window, the page interaction window or any interaction area.

[0180] Regarding the apparatus in the above embodiments, the specific manner in which each module performs operations has been described in detail in the embodiments of the relevant methods and will not be elaborated on here.

[0181] Please refer to Figure 11 , which shows a structural block diagram of a computer device provided by an exemplary embodiment of the present disclosure Figure 1 The computer device may be a terminal. The computer device is used to implement the in-application page display method provided in the above embodiment. Specifically:

[0182] Typically, the computer device 1100 includes a processor 1101 and a memory 1102 .

[0183] The processor 1101 may include one or more processing cores, such as a 4-core processor, an 8-core processor, etc. The processor 1101 may be implemented in at least one hardware form of DSP (Digital Signal Processing), FPGA (Field Programmable Gate Array), or PLA (Programmable Logic Array). The processor 1101 may also include a main processor and a coprocessor. The main processor is a processor for processing data in the awake state, also known as a CPU (Central Processing Unit); the coprocessor is a low-power processor for processing data in the standby state. In an exemplary embodiment, the processor 1101 may be integrated with a GPU (Graphics Processing Unit), which is responsible for rendering and drawing the content to be displayed on the display screen. In an exemplary embodiment, the processor 1101 may also include an AI (Artificial Intelligence) processor, which is used to process computing operations related to machine learning.

[0184] The memory 1102 may include one or more computer-readable storage media, which may be non-transitory. The memory 1102 may also include high-speed random access memory, and non-volatile memory, such as one or more disk storage devices, flash memory storage devices. In an exemplary embodiment, the non-transitory computer-readable storage medium in the memory 1102 is used to store at least one instruction, at least one program, code set or instruction set, and the at least one instruction, at least one program, code set or instruction set is configured to be executed by one or more processors to implement the above-mentioned in-application page display method.

[0185] In an exemplary embodiment, computer device 1100 may optionally include a peripheral device interface 1103 and at least one peripheral device. Processor 1101, memory 1102, and peripheral device interface 1103 may be connected via a bus or signal lines. Each peripheral device may be connected to peripheral device interface 1103 via a bus, signal lines, or circuit boards. Specifically, the peripheral device includes at least one of a radio frequency circuit 1104, a touchscreen display 1105, a camera control 1106, an audio circuit 1107, a positioning control 1108, and a power supply 1109.

[0186] Those skilled in the art will understand that Figure 11 The structure shown in the figure does not constitute a limitation on the computer device 1100, and the computer device 1100 may include more or fewer controls than shown in the figure, or combine certain controls, or adopt a different control arrangement.

[0187] Please refer to Figure 12 , which shows a structural block diagram of a computer device provided by another exemplary embodiment of the present disclosure Figure 2 The computer device may be a server for executing the above-mentioned in-application page display method. Specifically:

[0188] Computer device 1200 includes a central processing unit (CPU) 1201, a system memory 1204 including a random access memory (RAM) 1202 and a read-only memory (ROM) 1203, and a system bus 1205 connecting system memory 1204 and CPU 1201. Computer device 1200 also includes a basic input / output system (I / O system) 1206 that facilitates information transfer between various components within the computer, and a mass storage device 1207 for storing an operating system 1213, application programs 1214, and other program modules 1211.

[0189] The basic input / output system 1206 includes a display 1208 for displaying information and an input device 1209, such as a mouse and keyboard, for user input. Both the display 1208 and the input device 1209 are connected to the central processing unit 1201 via an input / output controller 1210 connected to the system bus 1205. The basic input / output system 1206 may also include an input / output controller 1210 for receiving and processing input from a variety of other devices, such as a keyboard, mouse, or electronic stylus. Similarly, the input / output controller 1210 also provides output to a display screen, printer, or other types of output devices.

[0190] The mass storage device 1207 is connected to the central processing unit 1201 via a mass storage controller (not shown) connected to the system bus 1205. The mass storage device 1207 and its associated computer-readable media provide non-volatile storage for the computer device 1200. In other words, the mass storage device 1207 may include computer-readable media (not shown) such as a hard disk or a CD-ROM (Compact Disc Read-Only Memory) drive.

[0191] Without loss of generality, computer-readable media may include computer storage media and communication media. Computer storage media include volatile and non-volatile, removable and non-removable media implemented by any method or technology for storing information such as computer-readable instructions, data structures, program modules or other data. Computer storage media include RAM, ROM, EPROM (Erasable Programmable Read Only Memory), EEPROM (Electrically Erasable Programmable Read Only Memory), flash memory or other solid-state storage technologies, CD-ROM, DVD (Digital Video Disc) or other optical storage, tape cassettes, magnetic tape, disk storage or other magnetic storage devices. Of course, those skilled in the art will appreciate that computer storage media are not limited to the above-mentioned ones. The above-mentioned system memory 1204 and mass storage device 1207 can be collectively referred to as memory.

[0192] According to various embodiments of the present disclosure, the computer device 1200 may also be connected to a remote computer on a network such as the Internet for operation. That is, the computer device 1200 may be connected to the network 1212 via the network interface unit 1211 connected to the system bus 1205, or the network interface unit 1211 may be used to connect to other types of networks or remote computer systems (not shown).

[0193] The above-mentioned memory also includes a computer program, which is stored in the memory and configured to be executed by one or more processors to implement the above-mentioned in-application page display method.

[0194] In an exemplary embodiment, a computer-readable storage medium is also provided, in which at least one instruction, at least one program, a code set or an instruction set is stored. When the at least one instruction, the at least one program, the code set or the instruction set is executed by a processor, the method for displaying pages within the application is implemented.

[0195] Optionally, the computer-readable storage medium may include: ROM (Read Only Memory), RAM (Random Access Memory), SSD (Solid State Drives), or an optical disk, etc. Among them, the random access memory may include ReRAM (Resistance Random Access Memory) and DRAM (Dynamic Random Access Memory).

[0196] In an exemplary embodiment, a computer-readable storage medium including program code is also provided, such as a memory including program code, and the program code can be executed by a processor to perform the above-mentioned in-application page display method. Optionally, the computer-readable storage medium can be a read-only memory (ROM), a random access memory (RAM), a compact disc read-only memory (CD-ROM), a magnetic tape, a floppy disk, an optical data storage device, etc.

[0197] In an exemplary embodiment, a computer program product is further provided, including a computer program, which implements the above-mentioned in-application page display method when executed by a processor.

[0198] Other embodiments of the present disclosure will readily occur to those skilled in the art after considering the specification and practicing the invention disclosed herein. This disclosure is intended to cover any variations, uses, or adaptations of the present disclosure that follow the general principles of the present disclosure and include common knowledge or customary techniques in the art not disclosed herein. The description and examples are to be considered as exemplary only, with the true scope and spirit of the present disclosure being indicated by the following claims.

[0199] It should be understood that the present disclosure is not limited to the exact structures that have been described above and shown in the drawings, and that various modifications and changes can be made without departing from the scope thereof. The scope of the present disclosure is limited only by the appended claims.

Claims

1. A method for displaying pages within an application, characterized in that: The method comprises: Display the target chat window on the conversation interface of the instant messaging application; A page interaction window is displayed in the target area, where the page interaction window is used to display a page corresponding to the web application. The target area is other areas in the session interface except the target chat window.

2. The method for displaying pages within an application according to claim 1, wherein: The displaying of the page interaction window in the target area includes: When the file displayed in the target chat window is triggered, displaying the page interaction window in the target area; The content of the file is displayed in the page interaction window, and the content of the file is the access result of the web page address where the file is located.

3. The method for displaying pages within an application according to claim 1, wherein: The displaying of the page interaction window in the target area includes: When the chat content displayed in the target chat window is triggered, displaying the page interaction window in the target area; The access result of the web application corresponding to the chat content is displayed in the page interaction window.

4. The method for displaying pages within an application according to claim 1, wherein: The method further comprises: Displaying a target control on the conversation interface; When the target control is triggered, a page navigation window is displayed in the target area, and the page navigation window is used to display at least one page tag.

5. The method for displaying pages within an application according to claim 4, wherein: The method comprises: When any of the page tags is triggered, displaying the page interaction window in the target area; The page access result corresponding to the triggered page tag is displayed in the page window.

6. The method for displaying pages within an application according to claim 4, wherein: The page navigation window includes at least one of the following navigation areas: The first navigation area is used to display page tags corresponding to other web applications provided by the instant messaging application; The second navigation area is used to display page tags corresponding to web page addresses visited within a preset time period; The third navigation area is used to display specific page tags associated with the target account corresponding to the instant messaging application. The specific page tags are page tags collected by the target account, or page tags corresponding to pages that are visited more frequently than a preset frequency by the target account.

7. The method for displaying pages within an application according to claim 1, wherein: The method comprises: In the case where there are at least two accessed web applications in the page interaction window, displaying a navigation tag corresponding to each accessed web application; By switching the navigation tab, the web application displayed in the page interaction window is switched.

8. The method for displaying pages within an application according to claim 1, wherein: The method comprises: When the target content in the page interaction window is selected, the target content is displayed in the target chat window in response to a drag operation on the target content.

9. The method for displaying pages within an application according to claim 8, wherein: The step of displaying the target content in the target chat window in response to the dragging operation on the target content comprises: When the end point of the dragging track of the dragging operation is in the information input area of the target chat window, displaying the target content in the information input area; When the message sending control of the target chat window is triggered, the content in the message input area is displayed on the chat interface of the target chat window.

10. The method for displaying pages within an application according to claim 8, wherein: The step of displaying the target content in the target chat window in response to the dragging operation on the target content comprises: When the end point of the dragging track of the dragging operation is on the chat interface of the target chat window, the target content is displayed on the chat interface.

11. The method for displaying pages within an application according to claim 1, wherein: The method comprises: When the content of the file is displayed in the page interaction window and the chat content of the chat interface of the target chat window is selected, in response to a drag operation on the chat content, the chat content is inserted into the file, and the insertion position is the end point of the drag track of the drag operation.

12. The method for displaying pages within an application according to claim 1, wherein: The method comprises: In response to a preset operation on the page interaction window, displaying the page interaction window on the target interface, and canceling the display of the page interaction window in the target area; The target interface is another interface independent of the session interface.

13. The method for displaying pages within an application according to claim 1, wherein: The method comprises: When the session interface simultaneously displays the target chat window, the page interaction window and at least one interaction area, the display space of the dragged target is adjusted in response to a drag operation on any drag target, and the dragged target is the selected target chat window, the page interaction window or any interaction area.

14. An in-application page display device, characterized in that: The device comprises: A first display module is configured to display a target chat window on a conversation interface of an instant messaging application; The second display module is configured to execute displaying a page interaction window in a target area, where the page interaction window is used to display a page corresponding to a web application. The target area is other areas in the session interface except the target chat window.

15. An electronic device, characterized in that: include: processor; a memory for storing instructions executable by the processor; The processor is configured to execute the instructions to implement the in-application page display method according to any one of claims 1 to 13.

16. A computer-readable storage medium, characterized in that When the instructions in the computer-readable storage medium are executed by a processor of an electronic device, the electronic device is enabled to execute the in-application page display method according to any one of claims 1 to 13.

17. A computer program product, characterized in that The computer program product includes a computer program, which is stored in a readable storage medium. At least one processor of a computer device reads and executes the computer program from the readable storage medium, so that the computer device executes the in-application page display method according to any one of claims 1 to 13.

Images