Method for interacting with a set of browser tabs

Abstract

The present disclosure provides a kind of interactive method of browser tab group, it is related to computer technology field, the method includes: in response to the click operation of browser established tab group, the group homepage of tab group is displayed, and the group homepage includes list area, work area and fixed session area;The list area includes multiple tab entries and / or note entries;The work area is used to show web content or group note content, and fixed session area is used to show group session information associated with the tab group;In response to the trigger operation of target tab entry in the list area, display content corresponding to the trigger operation is displayed.The present disclosure can improve efficiency.

Description

Technical Field

[0001] This disclosure relates to the field of computer technology, and more specifically, to a method for interacting with browser tab groups. Background Technology

[0002] The tab grouping or grouping capabilities of existing browsers are mainly used to manage collections of open tabs. Each tab within a group is still presented in the traditional single-page browsing mode. When users read information, record and summarize data, and analyze questions and answers within a group, they usually need to switch back and forth between multiple tabs or rely on external note-taking tools, resulting in a fragmented task chain and low task processing efficiency. Summary of the Invention

[0003] The purpose of this disclosure is to provide an interaction method for browser tab groups, thereby overcoming, at least to some extent, the problem of low task processing efficiency caused by the limitations and defects of related technologies.

[0004] Other features and advantages of this disclosure will become apparent from the following detailed description, or may be learned in part from practice of this disclosure.

[0005] According to one aspect of this disclosure, a method for interacting with browser tab groups is provided, comprising: In response to a click operation on an established tab group in the browser, the group homepage of the tab group is displayed. The group homepage includes a list area, a work area, and a fixed session area. The list area includes multiple tab entries and / or note entries. The work area is used to display web page content or group note content. The fixed session area is used to display group session information associated with the tab group. In response to a trigger operation on a target tab entry in the list area, display content corresponding to the trigger operation is displayed.

[0006] In one exemplary embodiment of this disclosure, displaying content corresponding to the triggering operation in response to a triggering operation on a target tab entry in the list area includes: In response to a hover operation on the target tab entry, a preview of the webpage corresponding to the target tab entry is displayed; In response to a click operation on the target tab entry or a note editing operation on the group note content, the loaded object is displayed in the work area; the loaded object is the webpage content of the target tab entry or the group note content. When performing the hover operation, the click operation, or the note editing operation, the group session information in the fixed session area belongs to the same group session information.

[0007] In one exemplary embodiment of this disclosure, the method further includes: In response to a split-screen operation on the target tab entry or the note entry in the list area, the work area is switched to a different work area, and the content corresponding to the target tab entry or the note entry is loaded in the target area of ​​the changed work area.

[0008] In one exemplary embodiment of this disclosure, displaying the loaded object in the workspace area includes: In response to a click operation on the target tab entry, the web page content corresponding to the click operation is loaded in the work area, and the web page content is associated with the tab entry in the tab group; In response to the note editing operation, the edited content obtained by editing the group of notes is displayed in the work area.

[0009] In one exemplary embodiment of this disclosure, the method further includes: In response to a first extraction operation on the webpage content of the work area, the webpage content corresponding to the first extraction operation is displayed in the fixed session area; Alternatively, in response to a second extraction operation on the webpage content of the workspace area, the webpage content corresponding to the second extraction operation is displayed in the group of notes.

[0010] In one exemplary embodiment of this disclosure, the step of responding to the note editing operation by presenting the edited content obtained by editing the group of notes in the workspace area includes: In response to the note editing operation, a group note editor is presented in the work area, and when the group note content is in a text selection state or a cursor activation state, a text editing control is displayed in the group note editor, and the edited content obtained by editing the group note content based on the text editing control is displayed; In response to a triggering operation of inserting a control in the group note editor, a list of insertable objects is displayed; in response to a selection operation of a target object from the list of insertable objects, a structured information card is displayed in the group note content; the structured information card includes: a link card pointing to a tab entry within the tab group or a reference fragment card containing web page content within the tab group.

[0011] In one exemplary embodiment of this disclosure, the response to a split-screen operation on the target tab entry or the note entry, switching the workspace area to a changed workspace area, and loading the content corresponding to the target tab entry or the note entry in the target area of ​​the changed workspace area, includes: In response to the split-screen operation, the target tab entry or the note entry is moved, and the target tab entry or the note entry is moved to the placement position in the work area. Placement preview instruction information is displayed according to the placement position. In response to the release operation of the split-screen operation, the work area is switched to the changed work area. In the changed work area, the target area corresponding to the target tab entry or the note entry is determined. Based on the delivery method corresponding to the delivery preview indication information, the delivery content of the target tab entry or the note entry is displayed in the target area.

[0012] In an exemplary embodiment of this disclosure, the step of switching the workspace area to the changed workspace area, determining the target area corresponding to the target tab entry or the note entry in the changed workspace area, and displaying the delivery content of the target tab entry or the note entry in the target area based on the delivery method corresponding to the delivery preview indication information includes: When the placement location is a first location where the distance to the center point of the work area is greater than or equal to a distance threshold, a sub-area is added to the work area according to the placement preview instruction information to obtain the changed work area area; the target area is determined in the changed work area area, and the placement content of the target tab entry or the note entry corresponding to the split-screen operation is displayed in the target area; the target area corresponds to the placement content; When the placement location is a second location where the distance to the center point of the work area is less than a distance threshold, the area where the placement location is located is determined as the target area, and the content in the target area is replaced with the placement content of the target tab entry or the note entry corresponding to the split-screen operation.

[0013] In one exemplary embodiment of this disclosure, displaying content corresponding to the triggering operation in response to a triggering operation on a target tab entry in the list area includes: In response to a hover operation on the target tab entry, a webpage preview window is generated. The webpage preview window is located on a floating layer of the interface and covers the currently displayed content. The webpage preview window displays a thumbnail of the webpage corresponding to the target tab entry. In response to a click operation on the target tab entry, the web page content corresponding to the target tab entry is rendered and displayed in the work area, and the web page content fills the work area.

[0014] In one exemplary embodiment of this disclosure, the method further includes: In response to a sharing operation on the group of notes, a sharing page including browser information and a guide entry is generated; the guide entry is used to guide the terminal to access the page. In response to a trigger operation on the aforementioned entry point, the content of the group of notes is displayed.

[0015] In some embodiments of this disclosure, the technical solutions provide, on the one hand, that a group homepage for a tab group, comprising a list area, a work area, and a fixed conversation area, is constructed as a workbench, integrating tab preview / management, group note editing, and conversation information within the group onto a single interface. This allows users to browse web pages, edit group notes, and maintain continuous conversation information within the same tab group without frequently switching tabs or external tools, reducing task processing complexity and context switching costs, avoiding task chain disruptions, and improving task continuity and ease of operation. On the other hand, the conversation context of the fixed conversation area is bound to the tab group and displayed in a fixed manner, ensuring that the dialogue analysis in the fixed conversation area always revolves around the same task, reducing repeated questions and information loss, and improving multi-task processing efficiency.

[0016] It should be understood that the above general description and the following detailed description are exemplary and explanatory only, and are not intended to limit this disclosure. Attached Figure Description

[0017] The accompanying drawings, which are incorporated in and form part of this specification, illustrate embodiments consistent with this disclosure and, together with the description, serve to explain the principles of this disclosure. It is obvious that the drawings described below are merely some embodiments of this disclosure, and those skilled in the art can obtain other drawings based on these drawings without any inventive effort.

[0018] Figure 1 The diagram illustrates an interaction method for browser tab groups according to an embodiment of the present disclosure.

[0019] Figure 2 This diagram schematically illustrates the group homepage of a tab group according to an embodiment of the present disclosure.

[0020] Figure 3 This diagram schematically illustrates the interface corresponding to the note cards in an embodiment of the present disclosure.

[0021] Figure 4 The schematic diagram illustrates a note-editing interface according to an embodiment of the present disclosure.

[0022] Figure 5 This illustration shows a schematic diagram of the browser processing flow according to an embodiment of the present disclosure.

[0023] Figure 6This is a schematic block diagram illustrating an interactive system for browser tab groups according to an embodiment of the present disclosure. Detailed Implementation

[0024] Example embodiments will now be described more fully with reference to the accompanying drawings. However, example embodiments can be implemented in many forms and should not be construed as limited to the examples set forth herein; rather, these embodiments are provided to make this disclosure more comprehensive and complete, and to fully convey the concept of the example embodiments to those skilled in the art. The described features, structures, or characteristics can be combined in any suitable manner in one or more embodiments. In the following description, numerous specific details are provided to give a full understanding of embodiments of this disclosure. However, those skilled in the art will recognize that the technical solutions of this disclosure can be practiced with one or more of the specific details omitted, or other methods, components, apparatus, steps, etc., can be employed. In other instances, well-known technical solutions are not shown or described in detail to avoid obscuring various aspects of this disclosure.

[0025] Furthermore, the accompanying drawings are merely illustrative of this disclosure and are not necessarily drawn to scale. The same reference numerals in the drawings denote the same or similar parts, and therefore repeated descriptions of them will be omitted. Some block diagrams shown in the drawings are functional entities and do not necessarily correspond to physically or logically independent entities. These functional entities may be implemented in software, in one or more hardware modules or integrated circuits, or in different network and / or processor devices and / or microcontroller devices.

[0026] Existing browser tab groups / grouping capabilities are primarily used to manage collections of open tabs. Within a group, each tab is still presented in a traditional single-page browsing manner. When users read materials, take notes, or analyze questions within a group, they typically need to switch between multiple tabs or rely on external note-taking tools, resulting in a fragmented task flow. Even if some products support sidebars or split-screen functionality, these are mostly global / window-level split-screens, making it difficult to bind them to the tab group organizational unit. Furthermore, the relationship between content within the split-screen area and tabs within the group is weak, lacking a natural mapping and drag-and-drop mechanism from the group's tab list to the split-screen area, thus failing to form a stable in-group workspace.

[0027] This disclosure provides an interactive method for browser tab groups, referring to... Figure 1 As shown, the main steps include: Step S110: In response to a click operation on an existing tab group in the browser, the group homepage of the tab group is displayed. The group homepage includes a list area, a work area, and a fixed session area. The list area includes multiple tab entries and / or note entries. The work area is used to display web page content or group note content, and the fixed session area is used to display group session information associated with the tab group. Step S120: In response to a trigger operation on a target tab entry in the list area, display content corresponding to the trigger operation is displayed.

[0028] Next, with reference to the accompanying drawings, each step in the browser tab group interaction method of the present disclosure will be described in detail.

[0029] Step S110: In response to a click operation on an existing tab group in the browser, the group homepage of the tab group is displayed. The group homepage includes a list area, a work area, and a fixed session area. The list area includes multiple tab entries and / or note entries. The work area is used to display web page content or group note content. The fixed session area is used to display group session information associated with the tab group.

[0030] The browser can be any type of browser. Tab groups are functional modules in the browser that categorize and aggregate multiple functional tabs such as web pages, notes, documents, and workspaces. They group multiple tabs into one group, enabling batch management and independent isolation, and all tabs within a group can share the exclusive configuration of that tab group.

[0031] In some embodiments of this disclosure, the browser can provide a group homepage for a given tab group as a unified entry point and workspace for that tab group. The group homepage is established with the tab group as its boundary, allowing tab previews / management, group note editing, and chat sessions within the group to be collaboratively organized on the same interface.

[0032] Click actions can be used to trigger the opening or launch of a tab group. Upon detecting a click on an existing tab group in the browser, the group's homepage is displayed. The homepage includes at least a list area, a workspace area, and a pinned session area. The list area displays tab entries and preview entries within the group. For example, it may include multiple tab entries and / or note entries. Tab entries can represent open tabs, settings tabs, new tabs, etc., and can be represented by thumbnails. Note entries can represent open group notes, created group notes, etc., and can also be represented by thumbnails. The workspace area displays webpage content or group note content. The pinned session area displays group session information associated with this tab group. (Reference) Figure 2 As shown, the group homepage includes at least a list area 210, a workspace area 220, and a fixed session area 230. The list area can be a single-sided list area, such as a left-side list area or a right-side list area, etc. Here, a left-side list area is used as an example. For example, the list area can include tab entries 211, 212, and 213, and may also include note entries. Tab entries need to maintain their tab state; for example, opened tabs remain open. The list area can also include a tab creation control. Clicking the tab creation control displays the created tab entry in the list area. The workspace area and the fixed session area can be located anywhere, as long as they do not overlap with the list area. The content displayed in the list area, workspace area, and fixed session area is rendered and displayed through the group homepage interface rendering module. Specifically, the group homepage interface rendering module is used to render the group homepage interface that includes the list area, workspace area, and fixed session area. Furthermore, the homepage rendering module communicates with the preview and navigation control module, the split-screen layout and deployment module, and the workspace content loading module to respond to user clicks, hovers, drags, closes, and other interactive operations, and render the corresponding pages for the interactive operations.

[0033] The list area on the group's homepage displays tab information within the tab group, as well as optional entry points to previous tab groups. Tab information includes, for example, title, favicon, URL, and last saved time.

[0034] The tab group data management module can maintain the mapping relationship between tab groups and the collection of tabs, group notes, and group session information within each tab group. For example, a globally unique identifier is assigned to each tab group, and this globally unique identifier is used as the primary key to establish an association with the collection of tabs, group notes, and group session information within the tab group, thus determining the mapping relationship. During the execution of multiple tasks by the browser, the mapping relationship between tab groups and the collection of tabs, group notes, and group session information within each tab group needs to be synchronized in real time to ensure that the mapping relationship remains unchanged.

[0035] In addition, the tab group data management module can provide the group homepage rendering module with data such as tab entries within the group, historical tab group summaries, and last save time, for rendering by the group homepage rendering module. Tab entries can include titles, favicons, and URLs. The URL (Uniform Resource Locator) is the unique access address of a webpage, the core identifier for the browser to locate specific webpage resources on the internet; entering this address will open the corresponding webpage in the browser. The favicon refers to a website icon or tab icon, a dedicated icon configured for a webpage, loaded along with the webpage URL, and serves as a visual identifier for the webpage.

[0036] The history tab group is dynamically presented in an expandable and collapseable form. Clicking it will restore the group state by opening the entire group and navigating to the clicked object / homepage. The last save time refers to the time when the content and mapping relationships of each tab group are saved.

[0037] Step S120: In response to a trigger operation on a target tab entry in the list area, display content corresponding to the trigger operation is displayed.

[0038] In this embodiment of the disclosure, the triggering operation may include a hover operation or a click operation on a target tab entry, or a note editing operation on the group of notes. It can detect whether a hover operation is received on a target tab entry in the list area. A tab entry refers to a thumbnail of a tab, which can be displayed in the list area. A target tab entry is any one of multiple tab entries. A hover operation refers to moving the computer mouse pointer to a specified target tab entry on the page and keeping the pointer stationary, without clicking or dragging. When a hover operation on any target tab entry is detected, a webpage preview content associated with the target tab entry corresponding to the hover operation can be generated. Specifically, when a hover operation is detected, a webpage preview card or preview modal window is displayed to show the webpage preview content of the target tab entry, which can be associated with the target tab entry corresponding to the hover operation. The webpage preview card or preview modal window can be displayed around the target tab entry, for example, as a floating window to the right of the target tab entry, or in other forms. The webpage preview content displayed in the webpage preview card or preview modal window can be an enlarged view of the target tab entry corresponding to the click operation.

[0039] In some embodiments, a control method can also be provided to jump from the preview state to the work area to load the corresponding webpage content. The control method is the control logic. For example, the control logic may include: generating a webpage thumbnail in the preview state, and then, upon detecting a click operation, triggering a full-screen control or automatically loading it into the work area for magnified display; in response to a hover operation on the target tab item, generating a webpage preview window, which is located on a floating layer of the interface and overlays the currently displayed content, and displays the webpage thumbnail corresponding to the target tab item as the webpage preview content; in response to a click operation on the target tab item, rendering and displaying the webpage content corresponding to the target tab item in the work area, with the webpage content filling the work area, i.e., filling the work area with the webpage preview content. When a hover operation on a target tab item is detected first, followed by a click operation on the same target tab item, the control logic for jumping from the preview state to the work area to load the corresponding webpage content can be used to enlarge and load the webpage thumbnail displayed in the webpage preview window in the floating layer above the currently displayed content into the work area for display, so as to fill the work area with webpage content.

[0040] In some embodiments, responding to a click on the tab creation control creates and opens a new tab within the tab group, ensuring that the newly created tab remains within the management scope of the current tab group for easier management.

[0041] In response to a click on a target tab entry or a note editing action, the loaded object is displayed in the workspace area; the loaded object here is the webpage content or group note content of the target tab entry.

[0042] In this embodiment of the disclosure, upon detecting a click on a target tab item or a note editing operation, the loaded object is displayed in the workspace area. The note editing operation can be a click on a note card or an operation to create a new note entry. For example, a note card can be referenced... Figure 3 As shown in the diagram. The loaded object for a click operation can be the webpage content corresponding to the target tab entry of the click operation, while the loaded object for a note editing operation is the group note content corresponding to the note editing operation. Before a move operation is detected, the workspace area is a single, unified area; after a move operation is detected, the workspace area may become a modified workspace area comprising multiple sub-areas, or it may remain the original unified area.

[0043] In response to a click on a target tab entry, the corresponding webpage content is loaded in the work area, and the webpage content is associated with the tab entry within the tab group.

[0044] For example, when a click action is detected on a target tab entry, the webpage content of the target tab entry can be displayed in the workspace area. It should be noted that the webpage content is associated with the tab entries within the tab group. Specifically, an INDEX mapping can be performed between the webpage content and the identifiers of the tab entries within the group, so that the webpage content displayed in the workspace area corresponds to the content of the tab entries within the group. (See reference) Figure 2 As shown, if a click operation is detected on target tab item 211, target tab item 211 is loaded into workspace area 220 to display the webpage content of target tab item 211. Specifically, when a click operation is detected on target tab item 211, the front-end event listener function captures the click operation. Its unique identifier is extracted from the DOM node of target tab item 211. After receiving the execution instruction, the front-end first extracts the matching tab metadata from the cache based on the unique identifier; using the valid URL in the tab metadata as the core, it initiates a webpage resource loading request. The resource loading engine obtains the complete webpage resources based on the URL. After successful resource loading, the front-end rendering engine renders the parsed webpage resources to the container corresponding to the workspace area, thus loading the webpage content corresponding to the target tab item.

[0045] When the webpage content corresponding to the click operation is displayed independently in the work area, it can also respond to interactive operations on the webpage content displayed in the work area, allowing users to interact with the webpage content independently within the work area. This avoids the problem of losing context caused by frequently leaving the group homepage of the tab group.

[0046] In addition, it can respond to the first extraction operation on web page content in the workspace area, displaying the corresponding web page content in a fixed session area; or, respond to the second extraction operation on web page content in the workspace area, displaying the corresponding web page content in the group notes content. The first extraction operation can be a single extraction operation on web page content, and the second extraction operation can be multiple extraction operations on web page content, or other types of extraction operations, without specific limitations here. The extraction operation can be a sliding selection operation on web page content or a screenshot operation on web page content. When the first extraction operation is detected, the web page content corresponding to the extraction operation can be displayed in the fixed session area, for example, added to the current position of the cursor in the fixed session area or a fixed position; when the second extraction operation is detected, the web page content corresponding to the extraction operation can be displayed in the group notes content, for example, added to the current position of the cursor in the group notes content or added and displayed in a fixed position, without specific limitations here. The web page content added and displayed in the fixed session area or group notes content is consistent with the content corresponding to the first or second extraction operation in the workspace area. By displaying web page content in a fixed session area or group notes in the workspace area, cross-regional collaborative interaction can be achieved across multiple areas, improving convenience.

[0047] Upon detecting a first extraction operation, the system can also respond to the first extraction operation represented by a sliding selection operation or a screenshot operation on the webpage content, determining the text content and location information of the webpage content; based on the text content and location information, generating and displaying an operation area containing at least one text interaction control; and responding to a selection operation on at least one text interaction control in the operation area, performing a text processing operation corresponding to the selection operation. The result of the text processing operation is related to the webpage content and corresponds to the text interaction control. The text interaction control includes at least one of the following: annual performance review, summary, explanation, polishing, translation, generating a summary, or asking a question. The operation area is displayed within a preset range of the start or end position of the first extraction operation, without obscuring the webpage content, or displayed at any position in a fixed session area. For example, when triggering the text interaction control represented by a question, the webpage content selected by the first extraction operation can be sent to the server as a query instruction; the server's response result corresponding to the webpage content is received and displayed in the fixed session area, realizing intelligent question answering. The query instruction and response result can be displayed in the form of a dialog box. The query instruction includes at least the webpage content, and also includes other question content entered by the user. Multiple tasks can be quickly implemented based on the webpage content displayed in the work area. The fixed session area can also include multiple functional controls unrelated to the webpage content displayed in the work area; no specific limitations are made here. It should be noted that when the first extraction operation is detected, it is possible to simultaneously display webpage content in the fixed session area and perform text processing operations via text interaction controls. Alternatively, it can perform either displaying webpage content or performing text processing operations via text interaction controls, depending on actual needs.

[0048] In other embodiments, in response to a note-editing operation, the edited content obtained by editing the group notes is displayed in the workspace area. The group homepage of the tab group can also display note cards or note entries. Note cards can be displayed in any suitable location, and note entries can be displayed in any location. For example, they can be displayed as separate tabs within the tab group, as floating windows, or in other ways; no specific limitation is made here. When a note-editing operation on a note card or note entry is detected, a group note editor can be provided in the workspace area. The group note editor can be used to edit the group note content in the workspace area, specifically editing the title and body of the group note content. The group note content can be associated with or not associated with tabs within the tab group; no specific limitation is made here. Specifically, if a text selection state or cursor activation state is detected, a text editing control can be displayed in the group note editor. Editing the group note content through the text editing control ensures convenient modification of the group note content. The workspace area can display the edited content obtained by editing the group note content based on the text editing control. Editing can include adding, deleting, or modifying, etc. (See reference) Figure 4 As shown, notes can be edited and the edited content can be displayed in the work area.

[0049] In addition, information cards can be inserted into the group note content during note editing. Specifically, in response to a triggering operation of the insert control in the group note editor, a list of insertable objects is displayed; in response to a selection operation of a target object from the list of insertable objects, structured information cards are displayed in the group note content; the structured information cards include: link cards pointing to tabs within the tab group, or reference fragment cards containing web page content within the tab group.

[0050] The triggering action can be a click on the insert control in the group note editor. The list of insertable objects can include any type of insertable information cards, and these information cards are associated with the tab group. Upon detecting a selection action on a target object in the list of insertable objects, a structured information card can be inserted into the group note content. The target object can be an information card, and structured information cards can include link cards pointing to tab entries within the tab group, or reference fragment cards containing webpage content within the tab group. Link cards are cards that include the address associated with a tab entry within the tab group, and reference fragment cards include one or more of the following: tab cards associated with a tab within the tab group, key information cards, or table cards. Link cards can be URL (Uniform Resource Locator) cards, used to bind the URL address of a tab within the tab group, ensuring that the URL corresponds to the tab within the group for quick access. Tab cards in reference fragment cards refer to cards that display tab content for quick access to the tab. The reference fragment cards are used to present key information within the tab group, while the table cards within the reference fragment cards are used to represent the corresponding tables within the tab group.

[0051] By supporting the insertion of URL cards associated with tab entries within the tab group, tab cards associated with tab entries within the tab group, key information cards, or table cards, information within the group can be stored and recorded in a structured manner.

[0052] In this embodiment, the functions of saving, closing, and viewing tabs in the workspace are also supported. When all windows in the workspace are detected to be closed, the control group homepage is restored to the default state. The default state is to display a left-hand list area for displaying tab entries and preview entries within the group, a workspace area for displaying web pages or group notes, and a fixed chat area for displaying conversations associated with the tab group on the homepage.

[0053] When performing triggering operations on target tab entries and note editing operations, the group session information displayed in the fixed session area belongs to the same group session information. That is, the session context of the group session information displayed in the fixed session area remains continuous when performing hover operations, click operations, or note editing operations.

[0054] The group conversation management module maintains the conversation context at the tab group level, ensuring continuity during web browsing, note editing, and split-screen switching. This continuity means the conversation context is specific to the same group. The module also provides the ability to create new conversations. It outputs conversation history, quick input options, and shortcut commands to the conversation area. Shortcut commands can include quick analysis, file recognition, and more.

[0055] For example, the fixed session area of ​​the group's homepage remains permanently displayed during web browsing, note editing, and split-screen switching, and is bound to the same session context as the tab group. Fixed display means it can be permanently displayed within this tab group, but its position can be adjusted or remain unchanged. Specifically, each group session information has a unique session URL. The web page URL in the tab group is associated with the session URL, or the tab group's identifier is associated with the session URL, thus establishing a correspondence between the tab group and the group session information. This allows the context of the group session information in the session area to be controlled during hover, click, or note editing operations, ensuring continuous display of group session information within the same group session context. The corresponding session context is read from the memory cache via the session URL, and different update methods are determined for each operation type to update the context. After the context is updated, a rendering command is sent to the session area, and the latest context is rendered locally to maintain continuous display. Specifically, upon detecting a user action, the system first obtains the associated tab group identifier of the user action. This identifier is then passed to the tab group association mapping table, and a reverse lookup is performed to obtain the session URL to which the user action belongs. For query-type actions such as hovering, clicking, or split-screen actions, the complete context object corresponding to the session URL is read from memory to ensure that the latest continuous session information is displayed. For modification-type actions such as editing notes, the context corresponding to the session URL is updated in real-time based on the action content. The context timestamp is used to verify whether the context displayed in the session area is continuous. If it is not continuous, the latest context in memory is used as the basis for repair to ensure context continuity.

[0056] Therefore, when users switch between different web pages in the list area, edit notes in the workspace, or enable parallel browsing in columns, the contextual continuity of group session information in the fixed session area remains unchanged.

[0057] In addition, the fixed session area can also include session creation controls to create new sessions on the group homepage, adapting to multi-tasking scenarios within the same tab group.

[0058] In some embodiments, in response to a split-screen operation on a target tab entry or note entry in the group homepage of a tab group, the workspace area is switched to a different workspace area, and the loaded object corresponding to the target tab entry or note entry is loaded in the target area of ​​the changed workspace area.

[0059] In this embodiment, the target tab entry or note entry is the tab entry or note entry displayed in the list area of ​​the tab group's homepage that needs to be moved to the work area. The specific target tab entry or note entry can be determined according to actual display requirements. The number of target tab entries or note entries can be one or multiple at a time, depending on actual needs. Split-screen operation is used to trigger a switch in the layout of the work area. Split-screen operation can be a drag operation or a move operation of the target tab entry or note entry. Split-screen operation can include a start position and an end position. The start position is used to determine the target tab entry or note entry, and the end position is used to determine the placement position of the target tab entry or note entry. Here, we take a move operation as an example for explanation.

[0060] First, the placement location of the split-screen operation can be determined based on the placement location module. The placement location can be inside or outside the work area, and the specific placement location is determined by the endpoint location of the split-screen operation. The endpoint location of the split-screen operation can be either the first location or the second location within the work area, i.e., an existing area within the work area. The first location refers to a position where the distance to the center point of the work area is greater than or equal to a distance threshold. The first location can be in any orientation, such as being adjacent to the outer edge of the work area or at a preset distance, as long as it is outside the work area. The second location refers to a position where the distance to the center point of the work area is less than the distance threshold. For example, it can be adjacent to or not adjacent to the inner edge of the work area, as long as it is inside the work area. The distance threshold is determined based on the distance from the center point to the boundary of the work area. The distance threshold can vary depending on the orientation, specifically determined by the size of the work area. When the split-screen operation is the first time, the existing area within the work area can be the entire area represented by the work area; when the split-screen operation is not the first time, the existing area within the work area can be any existing sub-area within the work area.

[0061] The response moves the target tab or note entry to its designated placement location within the workspace area, displaying a placement preview instruction based on that location. The placement preview instruction varies depending on the placement location. When the placement location is the first location within the workspace area, the placement preview instruction will be "Add Sub-area Placement Preview Instruction"; when the placement location is the second location within the workspace area, the placement preview instruction will be "Replace Placement Preview Instruction".

[0062] For example, when the delivery location is the first location in the work area, the delivery preview information can be a "Sub-area can be added" preview delivery indicator; when the delivery location is an existing area in the work area, the delivery preview information can be a "Soon to be replaced" delivery preview indicator.

[0063] Next, the target tab entry or note entry can be placed in the corresponding position. Specifically, upon detecting a split-screen operation on the target tab entry or note entry in the group homepage of the tab group, the placement position of the split-screen operation is determined. When the placement position is the first position in the work area, a release operation of the split-screen operation is detected, the work area is switched to a modified work area, and the target area is determined within the modified work area. Based on the placement preview information, the placement content of the target tab entry or note entry corresponding to the split-screen operation is displayed in the target area. In this case, upon detecting the release operation of the split-screen operation, the original work area can be switched to a modified work area containing multiple sub-areas according to the placement preview information, adding sub-areas to the original work area to determine the modified work area. The specific position of adding sub-areas is determined based on the endpoint position of the split-screen operation. For example, when the endpoint position is the first position on the right side of the work area, a sub-area is added on the right. When the endpoint position is the first position on the left side of the work area, a sub-area is added on the left to change the layout of the work area. The specific number of sub-areas added can be determined according to actual needs.

[0064] After identifying a change workspace containing multiple sub-areas, the target area for a target tab entry or note entry can be determined from the change workspace to display the corresponding content. For example, the target area can be selected based on the number of target tab entries or notes and their positional relationship. When there is only one target tab entry or note entry, the added sub-area can be directly used as the target area. When there are multiple target tab entries or notes, their positional relationship can be mapped to determine the positional relationship of the target area where the target tab entries or notes are placed. Specifically, a top-to-bottom relationship can be mapped to a left-to-right relationship, that is, the target tab entry or note closest to the top edge is mapped to the target area closer to the workspace, and the target tab entry or note closest to the bottom edge is mapped to the target area farther from the workspace. For example, when there are two target tab entries or notes, the target tab entry or note located at the top is mapped to the leftmost target area, and the target tab entry or note located at the bottom is mapped to the rightmost target area.

[0065] When the delivery location is detected as the second position in the work area, a replacement delivery preview instruction is displayed. Upon detecting the release of a split-screen operation, the area where the delivery location is situated is designated as the target area. The content within the target area is then replaced with the content of the target tab or note entry corresponding to the split-screen operation. During the replacement display process, the layout of the work area remains unchanged. Because the work area can be switched to include multiple sub-areas, and the delivery content displayed within the changed work area is associated with tab groups, a natural and accurate mapping from the tab list to the split-screen area is achieved. The drag-and-drop delivery mechanism simplifies the delivery process and creates a stable workspace.

[0066] Upon detecting a split-screen operation indicated by a move or drag operation, preview indication information such as adding a preview indicator or replacing a preview indicator is generated at the first or second position of the workspace area. The layout switch and content loading are completed upon releasing the split-screen operation. When the workspace area includes multiple sub-areas, the binding relationship between each sub-area and the content is maintained by controlling the mapping relationship between the sub-areas and the loaded objects, ensuring stable and controllable display of each sub-area within the same tab group—that is, the target area and the content are bound to each other. It should be added that the group session information in the fixed session area within the tab group remains continuously displayed during the split-screen operation. By constructing an interaction and system within the browser tab group, including a group homepage, a fixed session area, and a draggable split-screen workspace, users can browse web pages and edit group notes in a multi-column parallel manner within the same tab group while maintaining continuous group session information, thereby improving task processing efficiency and reducing context switching costs.

[0067] In some embodiments, in response to a sharing operation of group note content, a previewable sharing page is generated. The sharing operation is triggered by clicking the sharing entry point represented by the sharing control or forwarding control. The sharing page includes browser information and a guide entry point. The guide entry point may include a shareable image code or a link entry point. The shareable image code may be a QR code containing page information, etc. The sharing page can be displayed in a floating layer above the group note content. After detecting that the target user scans the shareable image code or clicks the link entry point in the sharing page using a mobile device, the group note content can be displayed in H5 format on the target user's mobile device. The sharing page includes browser information and a guide entry point, facilitating cross-platform dissemination and collaboration of group note content.

[0068] In this embodiment, a group homepage workbench is constructed based on tab groups, which presents tab preview / management, group note editing, and fixed chat sessions collaboratively on the same interface; and a drag-and-drop mechanism for the work area is provided, which generates a visual drop instruction during the drag-and-drop process and realizes the switching of the column layout and content loading after release, thereby enabling parallel browsing of web pages and content accumulation within the group, while maintaining the continuity of the session context.

[0069] Users can read, record, and analyze materials within the group without frequently switching tabs or external tools, significantly reducing the cost of context switching; drag-and-drop split-screen enables parallel display of web pages and notes, improving the efficiency of comparative reading and organization; Chat conversations and tab groups are bound and displayed in a fixed manner, ensuring that dialogue analysis always revolves around the same set of tasks, reducing repeated questions and information loss; at the same time, the sharing mechanism enables the dissemination and collaboration of accumulated content within the group across devices, improving the efficiency of content reuse.

[0070] Figure 5 The flowchart illustrating the browser's processing is shown in the image. (See reference) Figure 5 As shown, the main steps include: Step S501: After entering the browser, open a previously created tab group.

[0071] Step S502: Display the group homepage of the tab group.

[0072] Step S503: Render the group homepage of the tab group, and render three main areas in the group homepage: the list area on the left, the work area in the middle, and the conversation area on the right.

[0073] Step S504: Determine the type of user operation in the list area.

[0074] Step S505: Hovering operation detected, proceed to step S5051.

[0075] Step S5051: Display a webpage preview card or preview modal window to show the webpage preview content.

[0076] Step S506: A click operation on a tab item is detected, proceed to steps S5061-S5062.

[0077] Step S5061: Load and display the webpage content corresponding to the tab entry in the work area.

[0078] In step S5062, the user can interact independently with the webpage content in the work area without leaving the group homepage.

[0079] Step S507: If a click operation on a note card or a new note operation is detected, proceed to steps S5071-S5073.

[0080] Step S5071: Load and display the note editor in the workspace area.

[0081] Step S5072: When the word is in the gliding or cursor is active state, display the note editing control in the note editor.

[0082] Step S5073: You can insert a URL / tab card, key information card, or form card associated with the tabs in the tab group.

[0083] Step S508: Close all windows in the workspace area and proceed to step S5081.

[0084] Step S5081: The work area is restored to the default state of the tab group's homepage.

[0085] Step S509: Exit the tab group's homepage to end the entire process.

[0086] Step S510: A sharing operation is detected. Proceed to steps S511-S512.

[0087] Step S511: Generate a previewable sharing page and a QR code.

[0088] Step S512: The mobile app displays the group notes content in H5 format. The sharing page includes browser information and a guide entry. The browser information can be the browser brand information.

[0089] Step S520: Split-screen operation detected, proceed to step S530.

[0090] Step S530: Determine the placement position of the split-screen operation, and if the placement position is the first position, proceed to steps S540-S542, and if the placement position is the second position, proceed to steps S550-S551.

[0091] In step S540, when the placement location is the first position in the work area, a placement preview instruction of "Add sub-columns available" is displayed.

[0092] Step S541: When releasing the split-screen operation, switch the work area to a changed work area with a two-column or multi-column layout.

[0093] Step S542: Load and display the target tab entry or note entry in the target area of ​​the changed work area, that is, display the web page content or group note content.

[0094] In step S550, when the placement location is the second position in the work area (within an existing column), a placement preview instruction of "soon to be replaced" is displayed.

[0095] Step S551: When releasing the split-screen operation, replace the content in the existing column while keeping the layout of the column unchanged.

[0096] Step S560: Sessions in the fixed session area maintain context continuity within the same group.

[0097] In this embodiment, a group homepage is established for the tab group, which coordinates the tab preview / management, group note editing, and group conversation information within the group on the same interface. It also provides a drag-and-drop workspace-oriented split-screen mechanism, which generates a visual placement instruction during the drag-and-drop process and realizes the split layout switching and content loading after the release operation, so that any tab / note within the group can be placed into the workspace area to form a parallel split-screen display. Moreover, the group conversation information of the tab group remains continuous and consistent when browsing web pages and editing notes on the group homepage, thereby achieving lower-cost multitasking and information accumulation, while maintaining the continuity of the conversation context.

[0098] Based on this, since tab previews / management, group note editing, and group conversation information are displayed collaboratively on the same group homepage, users do not need to frequently switch tabs or external tools when reading, recording, and analyzing materials within the tab group, significantly reducing context switching costs. Drag-and-drop split-screen enables parallel display of web pages and notes, improving the efficiency of comparative reading and organization. Group conversation information is bound to the tab group and displayed consistently, ensuring that dialogue analysis always revolves around the same set of tasks, reducing duplicate questions and information loss; simultaneously, the sharing mechanism allows for cross-platform dissemination and collaboration of accumulated content within the group, improving content reuse efficiency.

[0099] This disclosure also provides an interactive system for browser tab groups, referring to... Figure 6 As shown, it mainly includes the following modules: The group homepage display module 601 is used to respond to a click operation on an established tab group in the browser and display the group homepage of the tab group. The group homepage includes a list area, a work area, and a fixed session area. The list area includes multiple tab entries and / or note entries. The work area is used to display web page content or group note content. The fixed session area is used to display group session information associated with the tab group. The interaction module 602 is used to display content corresponding to the trigger operation in response to a trigger operation on a target tab item in the list area.

[0100] It should be noted that the specific details of each step in the above-mentioned browser tab group interaction system have been elaborated in the browser tab group interaction method, and will not be repeated here.

[0101] Exemplary embodiments of this disclosure also provide an electronic device. A browser is deployed on the electronic device. The electronic device can be the aforementioned terminal device or server. Generally, the electronic device may include a processor and a memory, the memory for storing executable instructions of the processor, and the processor configured to perform the aforementioned interactive method of the browser tab group by executing the executable instructions. Furthermore, the electronic device may also include a display for displaying a user interface.

[0102] The electronic device is described below as an example in the form of a general-purpose computing device. This electronic device is merely an example and should not be construed as limiting the functionality and scope of the embodiments disclosed herein.

[0103] The components of an electronic device may include, but are not limited to: at least one processing unit, at least one storage unit, a bus connecting different system components (including storage units and processing units), and a display unit.

[0104] The storage unit stores program code that can be executed by the processing unit to perform the steps described in the "Exemplary Methods" section above, according to various exemplary embodiments of this disclosure. For example, the processing unit may perform the following steps.

[0105] The storage unit may include readable media in the form of volatile storage units, such as random access memory (RAM) and / or cache storage units, and may further include read-only memory (ROM).

[0106] The storage unit may also include a program / utility having a set (at least one) of program modules, including but not limited to: an operating system, one or more applications, other program modules, and program data, each or some combination of these examples may include an implementation of a network environment.

[0107] A bus can represent one or more of several types of bus structures, including a memory cell bus or memory cell controller, a peripheral bus, a graphics acceleration port, a processing unit, or a local bus that uses any of the various bus structures.

[0108] The electronic device can also communicate with one or more external devices (such as keyboards, pointing devices, Bluetooth devices, etc.), one or more devices that enable a user to interact with the electronic device, and / or any device that enables the electronic device to communicate with one or more other computing devices (such as routers, modems, etc.). This communication can be performed via input / output (I / O) interfaces. Furthermore, the electronic device can communicate with one or more networks (such as local area networks (LANs), wide area networks (WANs), and / or public networks, such as the Internet) via a network adapter. As shown in the figure, the network adapter communicates with other modules of the electronic device via a bus. It should be understood that, although not shown in the figure, other hardware and / or software modules can be used in conjunction with the electronic device, including but not limited to: microcode, device drivers, redundant processing units, external disk drive arrays, RAID systems, tape drives, and data backup storage systems.

[0109] It should be noted that some embodiments of this disclosure also provide a computer program product, which includes a computer program that implements the above-described method when executed by a processor.

[0110] In one implementation, the computer program product can be a tangible product containing a computer program, such as a computer-readable storage medium storing the computer program. The readable storage medium can be a storage medium based on electrical, magnetic, optical, electromagnetic, infrared, or other signals, including but not limited to: random access memory (RAM), read-only memory (ROM), magnetic tape, floppy disk, flash memory, hard disk drive (HDD), solid-state drive (SSD), etc. For example, the computer program product can be implemented as a non-volatile storage medium storing a computer program, such as read-only memory, NAND flash memory, etc.

[0111] In one implementation, the computer program product can be an intangible product containing a computer program. For example, the computer program product can be implemented as a virtual digital product, such as an executable file, installation package, or other digital file storing the computer program.

[0112] Computer program code can be written in one or more programming languages. Examples of programming languages ​​include C, Java, and C++. Program code can execute entirely on the user's computing device, partially on the user's computing device, or as a standalone software package. It can also execute partially on the user's computing device and partially on a remote computing device, or entirely on a remote computing device or server. In cases involving remote computing devices, the remote computing device can be connected to the user's computing device via any type of network, such as a local area network (LAN) or a wide area network (WAN), or it can be connected to an external computing device (e.g., via an internet connection provided by a mobile network operator).

[0113] Computer programs can be carried or transmitted via signals such as electrical, magnetic, optical, electromagnetic, and infrared rays. Electronic devices can convert signals carrying computer programs into digital signals, thereby running the computer programs. When a computer program runs on an electronic device, its code is used to cause the electronic device to execute (more specifically, to be executed by the processor of the electronic device) the method steps of various exemplary embodiments of this disclosure.

[0114] From the above description of the embodiments, those skilled in the art will readily understand that the exemplary embodiments described herein can be implemented by software or by combining software with necessary hardware. Therefore, the technical solutions according to the embodiments of this disclosure can be embodied in the form of a software product, which can be stored in a non-volatile storage medium (such as a CD-ROM, USB flash drive, external hard drive, etc.) or on a network, including several instructions to cause a computing device (such as a personal computer, server, terminal device, or network device, etc.) to execute the methods according to the embodiments of this disclosure.

[0115] Furthermore, the above figures are merely illustrative of the processes included in the method according to exemplary embodiments of this disclosure and are not intended to be limiting. It is readily understood that the processes shown in the above figures do not indicate or limit the temporal order of these processes. Additionally, it is readily understood that these processes may be executed synchronously or asynchronously, for example, in multiple modules.

[0116] It should be noted that although several modules or units for the device used to perform actions have been mentioned in the detailed description above, this division is not mandatory. In fact, according to embodiments of this disclosure, the features and functions of two or more modules or units described above can be embodied in one module or unit. Conversely, the features and functions of one module or unit described above can be further divided and embodied by multiple modules or units.

[0117] Other embodiments of this disclosure will readily occur to those skilled in the art upon consideration of the specification and practice of the disclosure herein. This application is intended to cover any variations, uses, or adaptations of this disclosure that follow the general principles of this disclosure and include common knowledge or customary techniques in the art not disclosed herein. The specification and examples are to be considered exemplary only, and the true scope and spirit of this disclosure are indicated by the claims.

[0118] It should be understood that this disclosure is not limited to the precise structures described above and shown in the accompanying drawings, and various modifications and changes can be made without departing from its scope. The scope of this disclosure is limited only by the appended claims.

Claims

1. A method for interacting with browser tab groups, characterized in that, include: In response to a click operation on an established tab group in the browser, the group homepage of the tab group is displayed. The group homepage includes a list area, a work area, and a fixed session area. The list area includes multiple tab entries and / or note entries. The work area is used to display web page content or group note content. The fixed session area is used to display group session information associated with the tab group. In response to a trigger operation on a target tab entry in the list area, display content corresponding to the trigger operation is displayed.

2. The browser tab group interaction method according to claim 1, characterized in that, The step of responding to a trigger operation on a target tab entry in the list area and displaying content corresponding to the trigger operation includes: In response to a hover operation on the target tab entry, a preview of the webpage corresponding to the target tab entry is displayed; In response to a click operation on the target tab entry or a note editing operation on the group note content, the loaded object is displayed in the work area; the loaded object is the webpage content of the target tab entry or the group note content. When performing the hover operation, the click operation, or the note editing operation, the group session information in the fixed session area belongs to the same group session information.

3. The browser tab group interaction method according to claim 1, characterized in that, The method further includes: In response to a split-screen operation on the target tab entry or the note entry in the list area, the work area is switched to a different work area, and the content corresponding to the target tab entry or the note entry is loaded in the target area of ​​the changed work area.

4. The browser tab group interaction method according to claim 2, characterized in that, The process of displaying the loaded object in the workspace area includes: In response to a click operation on the target tab entry, the web page content corresponding to the click operation is loaded in the work area, and the web page content is associated with the tab entry in the tab group; In response to the note editing operation, the edited content obtained by editing the group of notes is displayed in the work area.

5. The browser tab group interaction method according to claim 1, characterized in that, The method further includes: In response to a first extraction operation on the webpage content of the work area, the webpage content corresponding to the first extraction operation is displayed in the fixed session area; Alternatively, in response to a second extraction operation on the webpage content of the workspace area, the webpage content corresponding to the second extraction operation is displayed in the group of notes.

6. The browser tab group interaction method according to claim 4, characterized in that, The response to the note editing operation, displaying the edited content obtained by editing the group of notes in the workspace area, includes: In response to the note editing operation, a group note editor is presented in the work area, and when the group note content is in a text selection state or a cursor activation state, a text editing control is displayed in the group note editor, and the edited content obtained by editing the group note content based on the text editing control is displayed; In response to a triggering operation of inserting a control in the group note editor, a list of insertable objects is displayed; in response to a selection operation of a target object from the list of insertable objects, a structured information card is displayed in the group note content; the structured information card includes: a link card pointing to a tab entry within the tab group or a reference fragment card containing web page content within the tab group.

7. The browser tab group interaction method according to claim 3, characterized in that, The response to the split-screen operation of the target tab entry or the note entry switches the work area to a different work area, and loads the content corresponding to the target tab entry or the note entry into the target area of ​​the changed work area, including: In response to the split-screen operation, the target tab entry or the note entry is moved, and the target tab entry or the note entry is moved to the placement position in the work area. Placement preview instruction information is displayed according to the placement position. In response to the release operation of the split-screen operation, the work area is switched to the changed work area. In the changed work area, the target area corresponding to the target tab entry or the note entry is determined. Based on the delivery method corresponding to the delivery preview indication information, the delivery content of the target tab entry or the note entry is displayed in the target area.

8. The browser tab group interaction method according to claim 7, characterized in that, The step of switching the work area to the changed work area, determining the target area corresponding to the target tab entry or the note entry in the changed work area, and displaying the delivery content of the target tab entry or the note entry in the target area based on the delivery method corresponding to the delivery preview indication information includes: When the placement location is a first location where the distance to the center point of the work area is greater than or equal to a distance threshold, a sub-area is added to the work area according to the placement preview instruction information to obtain the changed work area area; the target area is determined in the changed work area area, and the placement content of the target tab entry or the note entry corresponding to the split-screen operation is displayed in the target area; the target area corresponds to the placement content; When the placement location is a second location where the distance to the center point of the work area is less than a distance threshold, the area where the placement location is located is determined as the target area, and the content in the target area is replaced with the placement content of the target tab entry or the note entry corresponding to the split-screen operation.

9. The browser tab group interaction method according to claim 1, characterized in that, The step of responding to a trigger operation on a target tab entry in the list area and displaying content corresponding to the trigger operation includes: In response to a hover operation on the target tab entry, a webpage preview window is generated. The webpage preview window is located on a floating layer of the interface and covers the currently displayed content. The webpage preview window displays a thumbnail of the webpage corresponding to the target tab entry. In response to a click operation on the target tab entry, the web page content corresponding to the target tab entry is rendered and displayed in the work area, and the web page content fills the work area.

10. The browser tab group interaction method according to claim 2, characterized in that, The method further includes: In response to a sharing operation on the group of notes, a sharing page including browser information and a guide entry is generated; the guide entry is used to guide the terminal to access the page. In response to a trigger operation on the aforementioned entry point, the content of the group of notes is displayed.

Images