Label management method and device, equipment and storage medium

Abstract

The invention discloses a tab management method and device, equipment and a storage medium, and relates to the technical field of terminals. The method comprises the following steps: displaying at least two tabs in a tab column in a first interface window; in response to a dragging operation on a selected target tab in the tab column, determining a display position of the target tab relative to the first interface window; and displaying the target tabs with different display styles based on different display positions of the target tabs outside the tab column. By dragging the target tabs out of the tab column and displaying the target tabs of different display styles according to the different display positions of the target tabs outside the tab column, the target tabs of different display styles are more convenient for a user to select, so that the tabs do not need to be searched by redundant operation paths, the operation requirements on the user are reduced, and the user experience is improved. And the man-machine interaction efficiency is improved.

Description

Technical Field

[0001] This application relates to the field of terminal technology, and in particular to tab management methods, devices, equipment, and storage media. Background Technology

[0002] With the development of terminal technology, users can open multiple pages when using applications, each corresponding to a tab. A tab is a graphical label that allows users to switch between different pages by clicking or touching it. For example, when multiple pages are opened in a browser, the tabs corresponding to each page are arranged and displayed in the tab bar at the top of the browser page.

[0003] When multiple pages are open, the tabs in the tab bar can become crowded and disorganized. Related technologies reduce the number of tabs displayed by creating grouped folders to hide some tabs.

[0004] However, hiding tabs by grouping folders makes the hidden tabs difficult to find, and when you need to click on a hidden tab, you have to expand the group folder first, which increases the operation path and reduces operability. Summary of the Invention

[0005] To address the aforementioned technical problems, this application provides a tab management method, apparatus, device, and storage medium. The technical solution provided by this application removes tabs from a cluttered tab bar, eliminating the need for extra steps to find tabs and increasing operability.

[0006] To achieve the above-mentioned technical objectives, the embodiments of this application provide the following technical solutions:

[0007] Firstly, a tab management method is provided. The method includes: displaying at least two tabs in a tab bar within a first interface window; determining the display position of the target tab relative to the first interface window in response to a drag operation on a selected target tab in the tab bar; and displaying target tabs with different display styles based on their different display positions outside the tab bar.

[0008] In this way, by dragging the target tab out of the tab bar, different display styles of the target tab are displayed depending on its different display positions outside the tab bar. The different display styles of the target tab make it easier for users to select, so that the tab does not need to be searched through extra operation paths, reducing the operational requirements for users and improving the efficiency of human-computer interaction.

[0009] One possible implementation involves displaying target tabs with different display styles based on their different display positions outside the tab bar. This includes: displaying the target tab in the first area or the first tab window in response to it being dragged to a first area of ​​the first interface window; displaying the page content corresponding to the target tab in a second interface window independent of the first interface window in response to it being dragged to a second area of ​​the first interface window; and displaying a shortcut link icon corresponding to the target tab, or displaying the target tab in the second tab window, in response to it being dragged to a third area outside the first interface window. The shortcut link icon is used to open the page content corresponding to the target tab, and the first or second tab window is used to display the tab and is associated with the first interface window.

[0010] In this way, by displaying different styles of tabs in different areas outside the tab bar, on the one hand, it avoids too many tabs from becoming crowded and messy in the tab bar, making them difficult to find; on the other hand, users can move the tabs in the tab bar to a specified position according to their actual needs, so as to facilitate the search and selection of tabs, simplifying the operation and improving the efficiency of human-computer interaction.

[0011] Another possible implementation involves displaying the target tab in the first area of ​​the first interface window in response to the target tab being dragged to it. This includes: if the target tab is not part of a group, displaying multiple tabs within the first area as individual floating cards; if the target tab is part of a group, displaying multiple tabs within the first area as single floating cards; or, adding a sidebar to the first area and displaying the target tab in the sidebar.

[0012] Thus, different display schemes are provided for grouped and ungrouped tabs. On the one hand, this improves the recognizability of tabs; on the other hand, a unified design for grouped tabs helps reduce visual clutter on the interface window, making the interface window cleaner and more orderly, and improving the user experience.

[0013] Another possible implementation of the tab management method of this application further includes: when the target tab is displayed in the sidebar, in response to other tabs in the tab bar other than the target tab being dragged to the first area, displaying other tabs in the sidebar; wherein the display style of the other tabs is different from the display style of the target tab.

[0014] In this way, by displaying different tabs corresponding to the two drag operations, the differences between the two operations can be clearly distinguished, avoiding confusion and enabling users to quickly find the corresponding tabs, thus improving the efficiency of human-computer interaction.

[0015] Another possible implementation of the tab management method of this application, after displaying the shortcut link identifier corresponding to the target tab in response to the target tab being dragged to a third area outside the first interface window, further includes: in response to the triggering operation of the shortcut link identifier, displaying the page content corresponding to the target tab in the third interface window, and canceling the display of the page content corresponding to the target tab in the first interface window.

[0016] In this way, by converting the page content corresponding to the target tab into a shortcut link, and displaying the page content corresponding to the target tab in a new interface window after clicking the shortcut link, some tabs can be converted into shortcut links. When it is necessary to select a tab from the shortcut links, the tab is displayed in a new interface window for the user to select, thereby realizing quick switching between pages corresponding to tabs and improving the efficiency of human-computer interaction.

[0017] Another possible implementation of the tab management method of this application, after displaying the target tab in the second tab window in response to the target tab being dragged to a third area outside the first interface window, further includes: in response to the selection operation of the target tab displayed in the second tab window, changing the page content displayed in the first interface window to the page content corresponding to the selected tab in the target tab.

[0018] In this way, by migrating the tabs in the tab bar to the second tab window, users can change the page content displayed in the first interface window after selecting a tab in the second tab window. The tabs displayed in the second tab window are arranged in an orderly manner, eliminating the need for users to search through a crowded tab bar, simplifying the operation, reducing the operational requirements for users, and improving the efficiency of human-computer interaction.

[0019] Another possible implementation of the tab management method of this application further includes: in response to the closing operation of the second tab window, restoring the target tab displayed in the second tab window to the tab bar of the first interface window.

[0020] In this way, by restoring the target tab to the tab bar of the first interface window after closing the second tab window, users can immediately find the target tab in the first interface window after closing the second tab window, which helps maintain the continuity and consistency of the interface window, and at the same time avoids the loss of tab data.

[0021] Another possible implementation of the tab management method of this application further includes: in response to a zoom-in operation on a target tab that is floating in the first area, switching the target tab to be displayed as a tab floating window, wherein the tab floating window displays the page content corresponding to the target tab; and in response to a zoom-out operation on the tab floating window, switching the tab floating window to be displayed as the target tab.

[0022] Thus, by zooming in and out on the target tab, the target tab switches to a floating tab window when zoomed in, and the floating tab switches back to the target tab when zoomed out, enabling interactive operation with the target tab. When zoomed in, the target tab can exist as an independent window, allowing users to quickly select content based on the tab's content. When zoomed out, the floating tab returns to displaying the target tab, helping to maintain a clean and organized interface and improving the overall user experience.

[0023] Another possible implementation involves switching the target tab to a floating tab window in response to a zoom-in operation on the target tab displayed in the first area. This includes: if the target tabs displayed in the first area are a group of tabs, then in response to a zoom-in operation on the first tab within the target tabs, switching the first tab to a floating tab window, where the page content corresponding to the first tab is displayed. Alternatively, in response to a zoom-out operation on the floating tab window, switching the target tab to a floating tab window in response to a zoom-out operation on the first tab window, where the first tab is displayed as an independent card floating in the first area.

[0024] In this way, after zooming in or out on the target tab, the first tab after the zoom-in or zoom-out operation is displayed as an independent card, which improves recognizability and allows users to quickly identify the tab that has been zoomed in or out, thus enhancing the user experience.

[0025] Another possible implementation of the tab management method of this application further includes: when the page content corresponding to the second tab is displayed in the first interface window, in response to a preset operation on the tab bar, canceling the display of the tab bar, and displaying all the tabs in the tab bar in the third tab window; the third tab window is used to display the tabs and is associated with the first interface window.

[0026] Thus, when there are many tabs in the tab bar, the tabs can be displayed directly in a newly created tab window through preset operations, thereby reducing the number of tabs displayed in the tab bar, making it easier for users to quickly select tabs and improving human-computer interaction efficiency.

[0027] Another possible implementation of the tab management method of this application further includes: in response to a tab switching operation on a tab in a third tab window, switching the display of the page content corresponding to the selected tab in a first interface window.

[0028] In this way, after migrating the tabs in the tab bar to the third tab window, the page content displayed in the first interface window can be controlled by selecting tabs in the third tab window. This avoids unnecessary operation paths to find tabs, simplifies the operation, enables quick switching between tabs and corresponding pages, reduces the operational requirements for users, and improves human-computer interaction efficiency.

[0029] In a second aspect, an electronic device is provided, comprising: a processor and a memory; the memory is coupled to the processor, the memory being used to store computer program code, the computer program code including computer instructions, wherein when the processor reads the computer instructions from the memory, the electronic device performs: displaying at least two tabs in a tab bar of a first interface window; determining the display position of the target tab relative to the first interface window in response to a drag operation of a selected target tab in the tab bar; and displaying the target tab with different display styles based on different display positions of the target tab outside the tab bar.

[0030] In one possible implementation, when the processor reads the computer instructions from the memory, it further causes the electronic device to: display the target tab in the first area or the first tab window in response to the target tab being dragged to a first area of ​​the first interface window; display the page content corresponding to the target tab in a second interface window independent of the first interface window in response to the target tab being dragged to a second area of ​​the first interface window; and display a shortcut link icon corresponding to the target tab, or display the target tab in the second tab window in response to the target tab being dragged to a third area outside the first interface window. The shortcut link icon is used to open the page content corresponding to the target tab, and the first tab window or the second tab window is used to display the tab and is associated with the first interface window.

[0031] Another possible implementation involves the processor reading the computer instructions from the memory and causing the electronic device to: in response to a target tab being dragged to the first area, if the target tab is not part of a group, displaying multiple tabs within the first area as individual floating cards; if the target tab is part of a group, displaying multiple tabs within the first area as single floating cards; or, adding a sidebar to the first area and displaying the target tab in the sidebar.

[0032] In another possible implementation, when the processor reads the computer instructions from the memory, it also causes the electronic device to perform the following: when the target tab is displayed in the sidebar, in response to other tabs in the tab bar being dragged to the first area, display other tabs in the sidebar; wherein the display style of the other tabs is different from the display style of the target tab.

[0033] In another possible implementation, when the processor reads the computer instructions from the memory, it also causes the electronic device to: in response to a triggering operation on the shortcut link identifier, display the page content corresponding to the target tab in a third interface window, and deselect the display of the page content corresponding to the target tab in the first interface window.

[0034] In another possible implementation, when the processor reads the computer instructions from the memory, it also causes the electronic device to: in response to a selection operation of a target tab displayed in the second tab window, change the page content displayed in the first interface window to the page content corresponding to the selected tab in the target tab.

[0035] In another possible implementation, when the processor reads the computer instructions from the memory, it also causes the electronic device to: in response to the closing operation of the second tab window, restore the target tab displayed in the second tab window to the tab bar displayed in the first interface window.

[0036] In another possible implementation, when the processor reads the computer instructions from the memory, it also causes the electronic device to: switch the target tab to a tab pop-up window in response to a zoom-in operation on the target tab floating in the first area, the tab pop-up window displaying the page content corresponding to the target tab; and switch the tab pop-up window to the target tab in response to a zoom-out operation on the tab pop-up window.

[0037] In another possible implementation, when the processor reads the computer instructions from the memory, it further causes the electronic device to execute: if the target tab displayed floating in the first area is a group of tabs, in response to a zoom-in operation on the first tab in the target tabs, the first tab is switched to be displayed as a first tab floating window, the first tab floating window displaying the page content corresponding to the first tab. In response to a zoom-out operation on the tab floating window, switching the target tab in the tab floating window includes: if the target tab displayed floating in the first area is a group of tabs, in response to a zoom-out operation on the first tab floating window, the first tab floating window is switched to be displayed as the first tab, the first tab floating in the first area as an independent card.

[0038] In another possible implementation, when the processor reads the computer instructions from the memory, it also causes the electronic device to: when the page content corresponding to the second tab is displayed in the first interface window, in response to a preset operation on the tab bar, cancel the display of the tab bar, and display all the tabs in the tab bar in the third tab window; the third tab window is used to display the tabs and is associated with the first interface window.

[0039] In another possible implementation, when the processor reads the computer instructions from the memory, it also causes the electronic device to: in response to a tab switching operation on a tab in a third tab window, switch the display of the page content corresponding to the selected tab in the first interface window.

[0040] Thirdly, a computer-readable storage medium is provided. The computer-readable storage medium stores a computer program (also referred to as instructions or code), at least one computer program being loaded by a processor and executing the method of the first aspect or any embodiment of the first aspect.

[0041] For the technical effects of the third aspect and any of its implementation methods, please refer to the technical effects of the first aspect and any of its implementation methods mentioned above, which will not be repeated here.

[0042] Fourthly, embodiments of this application provide a computer program product that, when run on a computer, causes the computer to perform the method of the first aspect or any one of the embodiments of the first aspect.

[0043] For the technical effects of the fourth aspect and any of its implementation methods, please refer to the technical effects of the first aspect and any of its implementation methods mentioned above, which will not be repeated here.

[0044] Fifthly, embodiments of this application provide a circuit system including a processing circuit configured to perform the method of the first aspect or any of the embodiments of the first aspect.

[0045] The technical effects of the fifth aspect and any of its implementations can be found in the first aspect and any of its implementations, and will not be repeated here.

[0046] In a sixth aspect, embodiments of this application provide a chip system including at least one processor and at least one interface circuit. The at least one interface circuit is used to perform transceiver functions and send instructions to the at least one processor. When the at least one processor executes the instructions, the at least one processor performs the method of the first aspect or any one of the embodiments of the first aspect.

[0047] The technical effects of the sixth aspect and any implementation thereof can be found in the first aspect and any implementation thereof, and will not be repeated here. Attached Figure Description

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

[0049] Figure 1 This is a schematic diagram of a tab management method provided in an exemplary embodiment;

[0050] Figure 2 This is a schematic diagram of the architecture of a computer system provided in an exemplary embodiment of this application;

[0051] Figure 3 This is a schematic diagram of the structure of an electronic device provided in an exemplary embodiment of this application;

[0052] Figure 4 This is a software structure block diagram of an electronic device provided in an exemplary embodiment of this application;

[0053] Figure 5 This is a flowchart illustrating a tab management method provided in an exemplary embodiment of this application;

[0054] Figure 6 This is a schematic diagram of an interface window provided in an exemplary embodiment of this application;

[0055] Figure 7 This is a schematic diagram of a dual-interface window provided in an exemplary embodiment of this application;

[0056] Figure 8 This is a schematic diagram of dragging a single tab according to an exemplary embodiment of this application;

[0057] Figure 9 This is a schematic diagram illustrating the dragging of multiple tabs provided in an exemplary embodiment of this application;

[0058] Figure 10 This is a schematic diagram of a first interface window provided in an exemplary embodiment of this application;

[0059] Figure 11 This is a schematic diagram of a first interface window provided in an exemplary embodiment of this application;

[0060] Figure 12This is a schematic diagram of the sidebar in a first interface window provided in an exemplary embodiment of this application;

[0061] Figure 13 This is a schematic diagram of a tab pop-up window provided in an exemplary embodiment of this application;

[0062] Figure 14 This is a schematic diagram of a first interface window and a second interface window provided in an exemplary embodiment of this application;

[0063] Figure 15 This is a schematic diagram of a first interface window provided in an exemplary embodiment of this application;

[0064] Figure 16 This is a schematic diagram of a second tab window provided in an exemplary embodiment of this application;

[0065] Figure 17 This is a schematic diagram of a second tab window provided in an exemplary embodiment of this application;

[0066] Figure 18 This is a structural block diagram of an electronic device provided in an exemplary embodiment of this application. Detailed Implementation

[0067] The technical solutions of the embodiments of this application are described below with reference to the accompanying drawings. In the description of the embodiments of this application, the terminology used in the following embodiments is for the purpose of describing specific embodiments only and is not intended to be a limitation of this application. As used in the specification and appended claims of this application, the singular expressions “a,” “an,” “the,” “the,” “the,” and “this” are intended to include expressions such as “one or more,” unless the context clearly indicates otherwise. It should also be understood that in the following embodiments of this application, “at least one” and “one or more” refer to one or more (including two).

[0068] References to "one embodiment" or "some embodiments" in this specification mean that one or more embodiments of this application include a specific feature, structure, or characteristic described in connection with that embodiment. Therefore, the phrases "in one embodiment," "in some embodiments," "in other embodiments," "in still other embodiments," etc., appearing in different parts of this specification do not necessarily refer to the same embodiment, but rather mean "one or more, but not all, embodiments," unless otherwise specifically emphasized. The terms "comprising," "including," "having," and variations thereof mean "including but not limited to," unless otherwise specifically emphasized. The term "connection" includes direct connections and indirect connections, unless otherwise stated. "First" and "second" are used for descriptive purposes only and should not be construed as indicating or implying relative importance or implicitly specifying the number of technical features indicated.

[0069] In the embodiments of this application, the words "exemplarily" or "for example" are used to indicate examples, illustrations, or explanations. Any embodiment or design described as "exemplarily" or "for example" in the embodiments of this application should not be construed as being more preferred or advantageous than other embodiments or design solutions. Specifically, the use of the words "exemplarily" or "for example" is intended to present the relevant concepts in a specific manner.

[0070] It should be noted that the information (including but not limited to device information, personal information of the subject, etc.), data (including but not limited to data used for analysis, data stored, data displayed, etc.) and signals involved in this application are all authorized by the subject or fully authorized by all parties, and the collection, use and processing of related data must comply with the relevant laws, regulations and standards of the relevant countries and regions.

[0071] For example, multiple pages can be opened in an application, each corresponding to a tab. To manage the tabs associated with each page, the industry-standard method is to create grouped folders for tab management, which will be briefly explained below.

[0072] like Figure 1 The diagram shown illustrates the tab management method, as follows: Figure 1 As shown in Figure (a), when using the application, it may be necessary to open a large number of pages, each corresponding to a tab. These tabs are displayed in the tab bar 10 of the application's interface window, and users can select different tabs to view different page content. For example, a browser or other applications with built-in browser functionality. The tabs in tab bar 10 will display the page title, logo, and other information to help users understand the content of the page corresponding to the tab. However, as... Figure 1As shown in Figure (a), when a large number of pages are opened, the tab bar 10 will display the tabs corresponding to different pages. Numerous tabs can make the tab bar 10 crowded and disorganized; for example, the titles of the tabs may not be fully displayed, making it difficult to efficiently view all the open tabs and thus difficult to quickly find the page needed. Figure 1 As shown in Figure (b), a common industry method for tab management involves selecting multiple tabs in tab bar 10, right-clicking to create a group, and then using tab group 20 to hide some tabs. This effectively alleviates the clutter and disorganization of tabs in tab bar 10 by creating a group folder. For example, if tab bar 10 displays 13 tabs, creating tab group 20 and placing tabs from page 2 to page 11 into it will reduce the clutter and disorganization.

[0073] However, managing tabs by creating tab group 20 makes hidden tabs difficult to find. To click on a hidden tab, tab group 20 must be expanded, increasing the operation path and reducing operability.

[0074] Based on this, this application provides a tab management method. By dragging the target tab out of the tab bar, different display styles of the target tab are displayed according to its different display positions outside the tab bar. Displaying target tabs with different display styles in more ample display space outside the tab bar makes it easier for users to select, eliminating the need for extra operation paths to find tabs and improving operation efficiency.

[0075] The solutions provided by the embodiments of this application will be described in detail below with reference to the accompanying drawings.

[0076] The solution provided in this application can be applied to Figure 2 An example of a computer system. (e.g.) Figure 2 The schematic diagram of the computer system shown includes an electronic device 100 and a server 200. The tab management method provided in this embodiment can be executed by the electronic device 100, the server 200, or both; this embodiment does not limit the execution of this method.

[0077] Electronic device 100 can be an electronic device such as a mobile phone, tablet computer, vehicle terminal (vehicle system), wearable device, personal computer (PC), etc. A client application for the target application can be installed and run on electronic device 100. This target application can be an application referring to the tab management method, or other applications providing tab management functionality; this application does not limit this. Furthermore, this application does not limit the form of the target application, including but not limited to applications (Apps), mini-programs, etc., installed on electronic device 100, and can also be in web page form.

[0078] Server 200 can be a standalone physical server, a server cluster or distributed system composed of multiple physical servers, or a cloud server providing cloud computing services such as cloud databases, cloud computing, cloud functions, cloud storage, network services, cloud communications, middleware services, domain name services, security services, content delivery networks (CDNs), and basic cloud computing services such as big data. Server 200 can be a backend server for the aforementioned target application, used to provide backend services to the clients of the target application.

[0079] In some embodiments, the server 200 described above can also be implemented as a node in a blockchain system. Blockchain is a novel application model of computer technologies such as distributed data storage, peer-to-peer transmission, consensus mechanisms, and cryptographic algorithms. Essentially, a blockchain is a decentralized database, a chain of data blocks linked using cryptographic methods. Each data block contains information about a batch of network transactions, used to verify the validity of the information (anti-counterfeiting) and generate the next block. A blockchain can include a blockchain underlying platform, a platform product service layer, and an application service layer.

[0080] Electronic device 100 and server 200 can communicate via a network, such as a wired or wireless network.

[0081] It should be noted that the tab management method provided in this application embodiment should be understood by those skilled in the art as follows: the tab management method can be executed by the electronic device 100 alone (such as by the client of the target application installed and running in the electronic device 100), or by the server 200 alone, or by the electronic device 100 and the server 200 interacting and cooperating to execute the tab management method. This application does not limit this.

[0082] For example, Figure 3 A schematic diagram of an electronic device 100 is shown.

[0083] Electronic device 100 may include processor 110, external memory interface 120, internal memory 121, universal serial bus (USB) interface 130, charging management module 140, power management module 141, battery 142, antenna 1, antenna 2, mobile communication module 150, wireless communication module 160, audio module 170, sensor module 180, button 190, motor 191, indicator 192, camera 193, display screen 194, and subscriber identification module (SIM) card interface 195, etc.

[0084] It is understood that the structures illustrated in the embodiments of this application do not constitute a specific limitation on the electronic device 100. In other embodiments of this application, the electronic device 100 may include more or fewer components than illustrated, or combine some components, or split some components, or have different component arrangements. The illustrated components may be implemented in hardware, software, or a combination of software and hardware.

[0085] For example, if the electronic device 100 is a PC, the electronic device 100 may not include the mobile communication module 150 and the SIM card interface 195.

[0086] Processor 110 may include one or more processing units, such as application processors (APs), modem processors, graphics processing units (GPUs), image signal processors (ISPs), controllers, video codecs, digital signal processors (DSPs), baseband processors, and / or neural network processing units (NPUs). These different processing units may be independent devices or integrated into one or more processors.

[0087] The processor 110 may also include a memory for storing instructions and data. In some embodiments, the memory in the processor 110 is a cache memory. This memory can store instructions or data that the processor 110 has just used or that are used repeatedly. If the processor 110 needs to use the instruction or data again, it can retrieve it directly from the memory. This avoids repeated accesses, reduces the waiting time of the processor 110, and thus improves the efficiency of the system.

[0088] The wireless communication function of electronic device 100 can be realized through antenna 1, antenna 2, mobile communication module 150, wireless communication module 160, modem processor and baseband processor, etc.

[0089] Antenna 1 and antenna 2 are used to transmit and receive electromagnetic wave signals. Each antenna in electronic device 100 can be used to cover one or more communication frequency bands. Different antennas can also be multiplexed to improve antenna utilization. For example, antenna 1 can be multiplexed as a diversity antenna for a wireless local area network. In some other embodiments, the antennas can be used in conjunction with tuning switches.

[0090] The mobile communication module 150 can provide solutions for wireless communication, including 2G / 3G / 4G / 5G, applied to the electronic device 100. The mobile communication module 150 may include at least one filter, switch, power amplifier, low noise amplifier (LNA), etc. The mobile communication module 150 can receive electromagnetic waves via antenna 1, and perform filtering, amplification, and other processing on the received electromagnetic waves before transmitting them to a modem processor for demodulation. The mobile communication module 150 can also amplify the signal modulated by the modem processor and convert it into electromagnetic waves for radiation via antenna 1. In some embodiments, at least some functional modules of the mobile communication module 150 may be housed in the processor 110. In some embodiments, at least some functional modules of the mobile communication module 150 and at least some modules of the processor 110 may be housed in the same device.

[0091] The wireless communication module 160 can provide solutions for wireless communication applications on the electronic device 100, including wireless local area networks (WLANs) (such as wireless fidelity (Wi-Fi) networks), Bluetooth (BT), global navigation satellite system (GNSS), frequency modulation (FM), near field communication (NFC), and infrared (IR) technologies. The wireless communication module 160 can be one or more devices integrating at least one communication processing module. The wireless communication module 160 receives electromagnetic waves via antenna 2, performs frequency modulation and filtering of the electromagnetic wave signals, and sends the processed signal to processor 110. The wireless communication module 160 can also receive signals to be transmitted from processor 110, perform frequency modulation and amplification, and convert them into electromagnetic waves for radiation via antenna 2.

[0092] In some embodiments, antenna 1 of electronic device 100 is coupled to mobile communication module 150, and antenna 2 is coupled to wireless communication module 160, enabling electronic device 100 to communicate with networks and other devices via wireless communication technology. The wireless communication technology may include Global System for Mobile Communications (GSM), General Packet Radio Service (GPRS), Code Division Multiple Access (CDMA), Wideband Code Division Multiple Access (WCDMA), Time Division Code Division Multiple Access (TD-SCDMA), Long Term Evolution (LTE), BT, GNSS, WLAN, NFC, FM, and / or IR technologies, etc. The GNSS may include the Global Positioning System (GPS), the Global Navigation Satellite System (GLONASS), the BeiDou Navigation Satellite System (BDS), the Quasi-Zenith Satellite System (QZSS), and / or satellite-based augmentation systems (SBAS).

[0093] In some embodiments of this application, the electronic device 100 implements display functions through a GPU, a display screen 194, and an application processor. The GPU is a microprocessor for image processing, connected to the display screen 194 and the application processor. The GPU is used to perform mathematical and geometric calculations and for graphics rendering. The processor 110 may include one or more GPUs, which execute program instructions to generate or modify display information.

[0094] In some examples, display screen 194 is used to display images, videos, etc. Display screen 194 includes a display panel. The display panel can be manufactured using a liquid crystal display (LCD), such as an organic light-emitting diode (OLED), an active-matrix organic light-emitting diode (AMOLED), a flexible light-emitting diode (FLED), a mini-LED, a micro-LED, a micro-OLED, a quantum dot light-emitting diode (QLED), etc. In some embodiments, electronic device 100 may include one or N display screens 194, where N is a positive integer greater than 1. For example, displaying a first interface window, a second interface window, and a tab window on display screen 194, with tabs displayed within the first interface window, the second interface window, and the tab window.

[0095] about Figure 3 The descriptions of the USB interface 130, charging management module 140, power management module 141, battery 142, sensor module 180, etc. shown can be found in conventional technology and will not be elaborated here.

[0096] It is understood that this application Figure 3 The illustrated structure does not constitute a specific limitation on the electronic device. In other embodiments of this application, the electronic device may include more or fewer components than illustrated, or combine some components, or split some components, or have different component arrangements. The illustrated components may be implemented in hardware, software, or a combination of software and hardware.

[0097] The software system of electronic device 100 can adopt a layered architecture, event-driven architecture, microkernel architecture, microservice architecture, or cloud architecture. This application embodiment uses the layered architecture Android system as an example to exemplify the software structure of electronic device 100.

[0098] Figure 4 This is a software structure block diagram of the electronic device 100 according to an embodiment of this application.

[0099] A layered architecture divides software into several layers, each with a clear role and function. Layers communicate with each other through software interfaces. In some embodiments, the Android system is divided into four layers, from top to bottom: the application layer, the application framework layer, the Android runtime and system libraries, and the kernel layer.

[0100] The application layer can include a series of application packages.

[0101] like Figure 4 As shown, the application package can include applications such as camera, calendar, music, gallery, map, call, and video.

[0102] like Figure 4 As shown, the application framework layer can include content providers, resource managers, view systems, etc.

[0103] Optional, such as Figure 4 As shown, the application framework layer of electronic device 100 may also include, for example, a distributed device management system (DMS) and an application management service (AMS).

[0104] System libraries can include multiple functional modules. For example: surface manager, media libraries, 3D graphics processing libraries (e.g., OpenGL ES), 2D graphics engines (e.g., SGL), etc.

[0105] The kernel layer is the layer between hardware and software. The kernel layer contains at least the display driver, camera driver, audio driver, and sensor driver.

[0106] In some embodiments, the electronic device 100 is equipped with an operating system and has pre-installed / installed tab management software. When in use, the tab management software supports opening multiple tabs in parallel, each tab corresponding to a different page, and switching between different pages is achieved through the tabs. The electronic device 100 displays tabs with different display styles via a display driver.

[0107] The tab management method provided in the embodiments of this application will be described below.

[0108] For example, Figure 5 This is a flowchart illustrating a tab management method provided in an embodiment of this application. The method can be executed by an electronic device, for example... Figure 2 Electronic devices 100. For example... Figure 5As shown, the method includes the following steps.

[0109] Step 501: The electronic device displays the first interface window.

[0110] The interface window is a visual area displayed on the screen of an electronic device, providing a platform for users to interact with the electronic device. Optionally, the interface window can be at least one of the following: an application window (e.g., a browser, or other software with a built-in browser) or an operating system window, but it is not limited thereto, and the embodiments of this application do not specifically limit it in this regard.

[0111] For example, the tab bar in the first interface window displays at least two tabs, each corresponding to a page. The tabs include information such as the page title and identifier, but are not limited to these. For instance, the electronic device detects a user instruction to launch a browser application and displays a browser window. Subsequently, based on the user's actions within the browser window, the electronic device can display multiple pages within that window, each corresponding to a tab displayed in the tab bar. The electronic device can switch between displaying the corresponding pages within the browser window based on the user's actions on the tabs. This browser window is the first interface window.

[0112] The tab bar is used to display tabs. Optionally, when the tab bar is not full, the width of the tabs displayed in the tab bar is fixed; when the tab bar is full, the width of the tabs displayed in the tab bar is compressed to ensure that all tabs can be displayed in the tab bar. Optionally, tabs can be set to have a fixed width, but when the number of tabs is small enough, that is, when the tab bar is not full, the tabs are displayed at their maximum width. If the tabs are displayed with a fixed width, then dragging one tab will not adjust the width of other tabs.

[0113] In some embodiments, multiple tabs can be multiple tabs within a single interface window corresponding to an application, or multiple tabs displayed in different interface windows of the same application, but are not limited thereto, and the embodiments of this application do not specifically limit this. For example, when an application supports multi-window operation, the same application can also run multiple interface windows, and multiple tabs can be opened in each interface window. Therefore, tab management can be performed individually on any one of the interface windows of different interface windows of the same application.

[0114] For example, an application can also run with multiple interface windows, such as Figure 6 The diagram shown illustrates the interface window when the application is running with only one interface window. Figure 6The diagram shows an interface window where tabs are displayed in the tab bar 601 and the corresponding page content is displayed in the page display area 602. When the application runs two interface windows simultaneously, such as... Figure 7 The illustrated dual-window diagram shows that each window includes a tab bar 701 and a page display area 702. Each window displays tabs in its tab bar 701, and the corresponding page content is displayed in the page display area 702. When multiple windows are running within the same application, tab management can be performed on the tabs in any one of the windows.

[0115] Step 502: The electronic device responds to the drag operation of the selected target tab in the tab bar and determines the display position of the target tab relative to the first interface window.

[0116] The target tab refers to the selected tab in the tab bar. Optionally, the target tab can be one tab or multiple tabs.

[0117] Optionally, the method of selecting a tab includes at least one of the following: clicking a tab, double-clicking a tab, triple-clicking a tab, circling a tab, or selecting a tab using a preset physical key (e.g., ctrl+1, where 1 represents the first tab or a tab), but is not limited thereto, and the embodiments of this application do not specifically limit this.

[0118] Optionally, when selecting tabs, one can select a single tab or multiple tabs simultaneously; this embodiment does not specifically limit this. For example, a single tab can be selected by clicking it. Alternatively, multiple tabs can be selected simultaneously by clicking them consecutively; or, multiple tabs can be selected simultaneously by using a selection box.

[0119] The drag operation can be at least one of physical control drag (e.g., mouse drag, keyboard arrow key drag) or touch drag, but is not limited thereto, and the embodiments of this application do not specifically limit it. For example, when dragging with the mouse, the target tab moves as the cursor corresponding to the mouse moves.

[0120] For example, in response to a target tab being dragged, the electronic device determines the display position of the target tab based on its coordinates in the first interface window; or, in response to a target tab being dragged by the mouse, the electronic device determines the display position of the target tab based on the cursor position of the mouse.

[0121] For example, such as Figure 8 The diagram shown illustrates how to drag a single tab. Figure 8As shown in Figure (a), seven tabs are displayed in the tab bar 801 of the first interface window. After detecting the user's selection of tab 3, the electronic device uses tab 3 as the target tab. Figure 8 As shown in Figure (b), after detecting a user's dragging operation on tab 3, the electronic device displays that tab 3 has been moved out of tab bar 801. In response to the operation of dragging tab 3 out of tab bar 801, the electronic device no longer displays tab 3 in tab bar 801, but instead displays it as a separate card on the first interface window. After tab 3 is dragged out of tab bar 801, a vacancy is created in the position where tab 3 was. Optionally, after tab 3 is dragged out of tab bar 801, the widths of other tabs in tab bar 801 besides tab 3 can be adjusted adaptively to display more information, so that the empty space where tab 3 is located is occupied by other tabs; or, the other tabs in tab bar 801 besides tab 3 maintain their preset widths, only adjusting the display position of the tabs to the right of tab 3, for example, shifting the positions of tabs 4-7 to the left by a distance equal to the width of tab 3; or, the other tabs in tab bar 801 besides tab 3 maintain their preset widths and their display positions remain unchanged.

[0122] In some embodiments, when the target tab consists of multiple tabs, the target tabs can be grouped tabs or ungrouped tabs. The difference between grouped and ungrouped tabs lies in their display format. Grouped tabs display multiple tabs from the target tab as individual cards. The tabs within an individual card can be displayed vertically side-by-side or horizontally side-by-side, but are not limited to these arrangements, and this application embodiment does not specifically limit this. Ungrouped tabs display multiple tabs from the target tab as independent cards.

[0123] A single card refers to a card that includes at least two tabs, while a standalone card refers to a card that includes only one tab.

[0124] Optionally, grouped tabs and ungrouped tabs can be switched to each other. That is, after detecting a user's grouping operation, the electronic device can merge multiple independent cards in the ungrouped tabs into one card and display multiple tabs in one card; and after detecting a user's ungrouping operation, the electronic device can split the tabs in one card into multiple independent cards.

[0125] Optionally, grouping operations and ungrouping operations can be predefined, such as at least one of shortcut keys, mouse gestures, and right-click menus, but are not limited thereto. This application embodiment does not specifically limit this.

[0126] For example, such as Figure 9The diagram illustrates dragging multiple tabs. The first interface window's tab bar 901 displays seven tabs. After detecting user selection of tabs 3, 5, and 6, the electronic device uses these three tabs as target tabs. If tabs 3, 5, and 6 are not grouped, as... Figure 9 As shown in Figure (a), after detecting a user's drag operation on tabs 3, 5, and 6, the electronic device displays tabs 3, 5, and 6 as individual cards, each containing only one tab. Optionally, multiple individual cards can be displayed on top of each other, such as stacking or obscuring each other, or they can be tiled or staggered, but are not limited thereto, and this embodiment does not specifically limit this. When tabs 3, 5, and 6 are a group of tabs, such as... Figure 9 As shown in Figure (b), after detecting a user's drag operation on tabs 3, 5, and 6, the electronic device displays tabs 3, 5, and 6 as individual cards. Optionally, tabs 3, 5, and 6 may be displayed vertically side-by-side in a single card, or horizontally side-by-side in a single card, or staggered in a single card, but these are not limited to these options, and the embodiments of this application do not specifically limit them.

[0127] Step 503: The electronic device displays the target tab with different display styles based on the different display positions of the target tab outside the tab bar.

[0128] For example, the first interface window may include five areas: a tab bar, a first area, a second area, a third area, and a navigation bar area. Figure 10 The diagram shows a first interface window, which includes a tab bar 1001, a first area 1002, a second area 1003, a third area 1004, and a navigation bar area 1005. The tab bar 1001 is the initial area in the first interface window used to display tabs. The first area 1002 refers to at least one of the left, right, and bottom edge areas of the first interface window. The second area 1003 refers to the central area of ​​the first interface window. Optionally, the second area 1003 is the central area enclosed by the first area 1002 and the navigation bar area 1005. The third area 1004 refers to the area outside the first interface window. The navigation bar area 1005 is the area in the first interface window that provides search functionality or function keys. When a target tab is detected as being dragged to different areas, different display styles of the target tab are displayed.

[0129] Optionally, the ranges of the first and second regions can use default values ​​or configured values. That is, the ranges of the first and second regions can be pre-configured. For example, from a horizontal perspective, the width of the first region and the width of the second region can each be pre-configured to occupy half of the first interface window.

[0130] Optionally, the size of the five regions in the first interface window is determined relative to the size of the first interface window. That is, when the first interface window is enlarged, the size of the five regions will also increase accordingly; when the first interface window is shrunk, the size of the five regions will also decrease accordingly.

[0131] Optionally, the five regions can be determined as follows: the electronic device determines the five regions in the first interface window based on their relative positions and sizes. For example, if the size of the first interface window is a*b, and the preset relative position of the tab bar is: top; size: a*0.1b, then the electronic device determines the region at the top of the first interface window with a size of a*0.1b as the tab bar.

[0132] In some embodiments, electronic devices can display target tabs with different display styles based on their different display positions outside the tab bar, using corresponding strategies. It should be understood that this application embodiment uses the following five strategies as examples to illustrate the display styles of target tabs and the operations that target tabs with different display styles may support. In some scenarios, various implementations of different strategies can be combined, and this application embodiment does not limit this.

[0133] To provide a clear description, the following section will detail how the target tab is displayed in different locations using different display strategies.

[0134] Strategy 1: When an electronic device responds to the target tab being dragged to the first area of ​​the first interface window, the target tab is displayed in the first area or the first tab window.

[0135] For example, when the target tab is a single tab, after detecting that the target tab has been dragged to the first area, the electronic device displays the target tab within the area of ​​the first area.

[0136] In one possible implementation, when the target tab consists of multiple tabs and is not grouped, after detecting that the target tab has been dragged to the first area, the electronic device displays the multiple tabs in the target tab as independent cards within the area of ​​the first area.

[0137] Optionally, multiple tabs displayed as individual cards can be displayed vertically side-by-side or horizontally side-by-side in the first area, but are not limited thereto, and the embodiments of this application do not specifically limit this. For example, if the target tab is located in the right edge area of ​​the first area, multiple tabs displayed as individual cards can be displayed vertically side-by-side in the right edge area; if the target tab is located in the bottom edge area, multiple tabs displayed as individual cards can be displayed horizontally side-by-side in the bottom edge area.

[0138] In one possible implementation, when the target tab consists of multiple tabs, and these tabs are grouped together, after detecting that a target tab has been dragged to the first area, the multiple tabs within the first area are displayed as a single floating card. Alternatively, a sidebar can be added to the first area, displaying the target tabs within the sidebar. The purpose of displaying the target tabs floating in the first area or adding a sidebar to display them is that, since the width of a typical display screen is greater than its height, there is often white space when displaying content. Utilizing this white space to display the tabs floating or adding a sidebar directly to the white space allows for the display of multiple tabs. This alleviates the problem of an overly crowded tab bar and makes full use of the white space without obstructing the page content. The sidebar also allows users to easily interact with the tab bar, essentially supplementing the three edges of the first interface window as a tab bar.

[0139] Optionally, after detecting that the target tab has been dragged to the first area, the target tab is displayed at the position where the dragging of the target tab stops within the area of ​​the first area; or, after detecting that the target tab has been dragged to the first area, the target tab is automatically arranged and displayed within the area of ​​the first area, but it is not limited thereto, and the embodiments of this application do not specifically limit it.

[0140] Optionally, within the first area, multiple tabs in the target tab are displayed as a single card, or a sidebar is added to the first area, displaying the target tabs within the sidebar. In both solutions, the floating target tabs and the sidebar are attached to the first interface window. For example, after detecting that the first interface window is moved, enlarged, or reduced, the floating target tabs and the sidebar change accordingly, maintaining their relative positions to the first interface window. Optionally, within the first area, multiple tabs in the target tab are displayed as a single card. In this solution, the floating target tabs do not necessarily need to be attached to the first interface window. For example, target tabs displayed as floating cards (including independent cards and / or single cards) can remain in their original display position as the first interface window changes. For example, the display position of target tabs displayed as floating cards is not limited to the display position of the first interface window; they may overlap or not overlap with the display position of the first interface window.

[0141] For example, such as Figure 11 The diagram shown is a schematic of the first interface window, as follows: Figure 11 As shown in Figure (a), tabs 7 and 8 are ungrouped tabs. After detecting that tabs 7 and 8 have been dragged to the first area, the electronic device displays tabs 7 and 8 as independent cards in the first area. Figure 11 As shown in Figure (a), "Bags 3, 5, and 6" are a group of tabs. After detecting that "Bags 3, 5, and 6" have been dragged to the first area, the electronic device displays "Bags 3, 5, and 6" as individual cards, meaning that "Bags 3, 5, and 6" are displayed in one card. In other words, the target tabs are displayed simultaneously in the first area in both independent card and single card formats.

[0142] For example, such as Figure 11 As shown in Figure (b), “Page 3, Page 5, Page 6, Page 7” are grouped tabs. After detecting that “Page 3, Page 5, Page 6, Page 7” are dragged to the first area, the electronic device adds a sidebar 1102 to the first area and displays the target tabs “Page 3, Page 5, Page 6, Page 7” in the sidebar 1102.

[0143] In one possible implementation, such as Figure 11As shown in Figure (a), the electronic device moves the cursor display position according to a preset operation. This preset operation could be, for example, a user's operation on the mouse, touchpad, or touchscreen. For instance, the electronic device moves the cursor to a tab based on the user's mouse operation. In response to the cursor appearing on the tab, the electronic device displays a close control 1101 on the tab. For example, when the cursor is detected moving to tab 8, the electronic device displays the close control 1101 on tab 8. Optionally, after detecting a trigger operation on the close control 1101, the electronic device closes tab 8, and tab 8 can be redisplayed in the tab bar. Thus, by setting a close control 1101 for each tab, the electronic device can selectively configure tabs as needed, improving interaction efficiency and enhancing the user experience.

[0144] In some examples, after detecting a trigger operation on any tab displayed in the first area, the electronic device switches the display of the page content corresponding to the triggered tab in the first interface window. Optionally, the trigger operation may be, for example, a user action on any position on the tab other than the aforementioned close control.

[0145] In some examples, the electronic device obtains the page content corresponding to the tab by interacting with the server, and then displays the page content. In other examples, the electronic device obtains the page content corresponding to the tab on the device side, and then displays the page content.

[0146] In one possible implementation, after detecting that the target tab has been dragged to the first area, the target tab is displayed in the first tab window. The first tab window is used to display tabs and is associated with the first interface window; that is, after detecting a trigger operation on a tab displayed in the first tab window, the content displayed in the first interface window can be switched to the page content corresponding to that tab. For example, if the tabs displayed in the first tab window are "Bag 3, Tab 5, Tab 6", and the first tab displayed in the tab bar is Tab 1, then the page content corresponding to Tab 1 is displayed in the first interface window. After detecting a trigger operation on Tab 6 in the first tab window, the page content corresponding to Tab 6 is displayed in the first interface window.

[0147] The first tab window is an interface window used to display tabs. It is displayed independently of the first interface window, yet it is also associated with it. The first tab window being independent means that the first interface window may or may not move with the first interface window; for example, after a movement operation is detected on the first interface window, the first tab window remains stationary. The first tab window differs from individual cards or standalone cards attached to the first interface window. The first tab window being associated with the first interface window means that in response to a trigger operation on a tab within the first tab window, the page content displayed in the first interface window can be switched.

[0148] Optionally, after detecting a closing operation of the first interface window, the electronic device stops displaying the first tab window. After detecting an operation where the first interface window is moved / minimized / full-screened, the electronic device retains the display of the first tab window.

[0149] In some embodiments, the first area may contain target tabs displayed using various different display styles. For example, such as Figure 11 As shown in Figure (a), the first area displays tabs displayed in a standalone card style and tabs displayed in a separate card style. Optionally, in the aforementioned case, the first area may also include a sidebar and tabs displayed in the sidebar. For example, in response to a user dragging a target tab to the first area, the electronic device displays the target tab within the area of ​​the first area using at least one of the following display styles: standalone card, separate card, and sidebar display. In other embodiments, in response to a user dragging a target tab to the first area, the electronic device displays the target tab within the area of ​​the first area using the same display style, which is one of the following display styles: standalone card, separate card, and sidebar display.

[0150] In some examples, where both a target tab and a sidebar can be displayed floating in the first area simultaneously, tab one is displayed floating as an independent card in the first area. After detecting that a group of tabs has been dragged to the first area, a sidebar is added within the area of ​​the first area, displaying the group of tabs in sidebar 1201. At this time, tab one, which is displayed floating as an independent card, is also displayed floating as an independent card on sidebar 1201.

[0151] In other examples, where a floating target tab and a sidebar cannot coexist in the first area, the floating tab has lower priority than the sidebar. That is, after adding a sidebar, the floating tab will be displayed in the sidebar. For example... Figure 12 The diagram shown is of the sidebar in the first interface window. Figure 12 As shown in Figure (a), tab 7 is displayed as a floating card in the first area. Figure 12 As shown in Figure (b), after detecting that the group of tabs "tab 3, tab 5, tab 6" has been dragged to the first area, a sidebar 1201 is added to the area where the first area is located. After "tab 3, tab 5, tab 6" are displayed in the sidebar 1201, since the floating display priority of tabs is lower than the display priority of the sidebar, the floating display of tab 7 is canceled, and tab 7 is also displayed in the sidebar 1201.

[0152] It should be understood that the embodiments of this application do not limit the priority of different display styles. For example, the priority of a floating tab display may be higher than the priority of a sidebar display. Examples of this will not be provided individually.

[0153] In some embodiments, when the target tab is displayed in the sidebar, in response to other tabs in the tab bar (excluding the target tab) being dragged to the first area, the other tabs are displayed in the sidebar. The display style of these other tabs differs from that of the target tab. That is, within the same area, different batches of tabs display different styles, allowing users to quickly distinguish which drag operation the current tab belongs to. For example, the display style corresponding to the target tab dragged in the first drag operation is different from the display style corresponding to the target tab dragged in the second drag operation.

[0154] Optionally, different batches may have different tab colors, different tab sizes, or different tab shapes, but this is not a limitation and the embodiments of this application do not specifically limit this.

[0155] In some embodiments, in response to a zoom-in operation on a target tab floating in the first area, the electronic device switches the display of the target tab as a tab pop-up. In response to a zoom-out operation on the tab pop-up, the electronic device switches the display of the tab pop-up as the target tab. That is, switching between a tab and a tab pop-up is possible. By zooming in on the target tab and displaying it as a tab pop-up, the electronic device can quickly preview the page content corresponding to the target tab within the tab pop-up. Displaying page content via a tab pop-up avoids excessive page switching, making the interface more concise and improving work efficiency.

[0156] The pop-up tab displays the page content corresponding to the target tab;

[0157] Specifically, when the target tab displayed floating in the first area is a group of tabs, the electronic device, in response to a zoom-in operation on the first tab within the target tabs, switches the display of the first tab as a first tab floating window, which displays the page content corresponding to the first tab. When the target tab displayed floating in the first area is a group of tabs, in response to a zoom-out operation on the first tab floating window, the first tab floating window switches the display of the first tab as the first tab. Optionally, the switched-back first tab is displayed floating in the first area as an independent card, or, restores the display style before the zoom-in operation, or, restores the display style before the zoom-in operation and is placed at the top, or restores the display style before the zoom-in operation and is placed at the bottom.

[0158] like Figure 13 The diagram shown illustrates the tab pop-up window, as follows: Figure 13 As shown in Figure (a), target tab 1301 is displayed as a single card in the first area. Target tab 1301 includes "Bag 3, Tab 5, Tab 6, Tab 7". When the cursor corresponding to the mouse is detected to be moved to the edge of tab 7 in target tab 1301, or when tab 7 is detected to be triggered, zoom indicator 1302 is displayed. Figure 13 As shown in Figure (b), in response to the zoom operation on zoom indicator 1302, tab 7 is switched to display as the first tab pop-up window 1303. In addition to displaying the title of tab 7, the first tab pop-up window 1303 also displays the page content corresponding to tab 7. For example... Figure 13 As shown in Figure (c), in response to the zoom-out operation on zoom indicator 1302, the first tab floating window 1303 is restored to display as tab 7. Optionally, after the first tab floating window 1303 is restored to display as tab 7, tab 7 will be displayed as a separate card floating in the first area and will not be restored to its original position.

[0159] Strategy 2: When the electronic device responds to the target tab being dragged to the second area of ​​the first interface window, the page content corresponding to the target tab is displayed in the second interface window.

[0160] For example, when the target tab is a single tab, after detecting that the target tab has been dragged to the second area, the electronic device creates a new second interface window and displays the target tab in the tab bar of the second interface window.

[0161] If there are multiple target tabs, after detecting that the target tab has been dragged to the second area, the electronic device creates a new second interface window, and displays the multiple tabs from the target tab in the tab bar of the second interface window.

[0162] For example, if a second interface window cannot be created, after detecting that the target tab has been dragged to the second area, the dragging operation is canceled, and the dragged target tab is restored to the tab bar. Optionally, the target tab restored to the tab bar can be displayed in its original position, or it can be displayed at the very beginning or the very end of the tab bar, but it is not limited thereto, and this application embodiment does not specifically limit it in this way.

[0163] For example, such as Figure 14 The schematic diagrams of the first and second interface windows shown illustrate that, after no tab selection operation is detected, the tab bar of the first interface window 1401 displays multiple tabs, namely: tabs 1-8. When tabs 2, 5, 7, and 8 are selected as target tabs, and after detecting that the target tabs are dragged to the second area, a new second interface window 1402 is created. The tab bar of the second interface window 1402 displays multiple tabs from the target tabs, namely: tabs 2, 5, 7, and 8. Optionally, the order of the multiple tabs from the target tabs displayed in the tab bar of the second interface window 1402 can be sorted according to the construction order of the multiple tabs from the target tabs, or according to the selection order of the multiple tabs from the target tabs, but is not limited to this, and this embodiment does not specifically limit it.

[0164] Optionally, the page content corresponding to the tab displayed in the second interface window 1402 may be the page content corresponding to the first tab after sorting according to the selection order of multiple tabs in the target tab; or it may be the page content corresponding to the last tab after sorting according to the selection order of multiple tabs in the target tab, but it is not limited thereto, and the embodiments of this application do not make specific limitations on this.

[0165] Strategy 3: When the electronic device responds to the target tab being dragged to a third area outside the first interface window, it displays the shortcut link icon corresponding to the target tab, or displays the target tab in the second tab window.

[0166] The shortcut link icon is used to open the page content corresponding to the target tab. The second tab window is used to display the tabs and is associated with the first interface window.

[0167] For example, in response to a triggering operation on a shortcut link identifier, the electronic device displays the page content corresponding to the target tab in a third interface window, and cancels the display of the page content corresponding to the target tab in the first interface window.

[0168] like Figure 15The diagram illustrates the first interface window. Taking a browser window as an example, the electronic device does not display the first interface window 1501 in full screen. The first interface window 1501 displays multiple tabs: tabs 1-7. Tabs 3, 5, 6, and 7 are selected as target tabs. After detecting that the target tabs have been dragged to the third area, a shortcut link identifier 1501 is displayed on the desktop. The third area is the area on the desktop outside the first interface window 1501. In response to the trigger operation on the shortcut link identifier 1501, a new third interface window is created. In the third interface window, the page content corresponding to all tabs in the target tabs can be opened simultaneously. Correspondingly, the page content corresponding to the target tabs in the first interface window, as well as the shortcut link identifier 1501, are not displayed.

[0169] Optionally, when the target tab includes multiple tabs, multiple tabs may correspond to one shortcut link identifier, or one tab may correspond to one shortcut link identifier, but this is not limited to this, and the embodiments of this application do not specifically limit this. Optionally, when one tab corresponds to one shortcut link identifier, multiple shortcut link identifiers may be displayed in a group or displayed individually, but this is not limited to this, and the embodiments of this application do not specifically limit this.

[0170] Optionally, in response to the closing operation of the first interface window, the shortcut link icon displayed on the desktop may be canceled along with the first interface window, or it may exist independently, that is, it may not be canceled along with the first interface window. This application embodiment does not specifically limit this.

[0171] In one possible implementation, after detecting that the target tab has been dragged to a third area outside the first interface window, the target tab is displayed in a second tab window. The second tab window is used to display tabs and is associated with the first interface window; that is, upon detecting a trigger operation on a tab displayed in the first tab window, the content displayed in the first interface window can be switched to the page content corresponding to that tab. For example, if the tab displayed in the second tab window is tab 4, and the first tab displayed in the tab bar is tab 1, then the page content corresponding to tab 1 is displayed in the first interface window. After detecting a trigger operation on tab 4 in the second tab window, the page content corresponding to tab 4 is displayed in the first interface window.

[0172] Optionally, in response to the closing operation of the first interface window, all second tab windows are also closed. When the first interface window is detected to be moved / minimized / fullscreen, the second tab windows remain unchanged. In response to the closing operation of the second tab windows, the target tabs displayed in the second tab windows are restored to the tab bar in the first interface window.

[0173] like Figure 16 The diagram shows the second tab window. The second tab window 1601 displays the target tab. Different sorting methods can be selected for the target tab in the second tab window 1601. Furthermore, by triggering the selected tab in the second tab window 1601, the content displayed in the first interface window 1602 will be switched to the page content corresponding to the selected tab in the second tab window 1601. The second tab window 1601 exists independently of the first interface window 1602. The position of the second tab window 1601 can be determined based on the display position of the target tab after it is dragged, or it can be displayed randomly, but it is not limited to these methods. After the second tab window 1601 is closed, the target tab displayed in the second tab window 1601 returns to its initial position, which is the tab bar of the first interface window 1602.

[0174] Strategy 4: In response to a preset operation on the tab bar, the electronic device displays all tabs from at least two tabs (excluding the second tab) in a third tab window. In response to a tab switching operation in the third tab window, the electronic device switches the display of the page content corresponding to the selected tab in the first interface window.

[0175] The second tab is used to indicate the page content to be displayed in the first interface window when a preset operation is detected. The third tab window is used to display the tab and is associated with the first interface window.

[0176] In one possible implementation, in response to a preset operation on the tab bar, the tab bar is de-displayed, and all tabs in the tab bar are displayed in a third tab window. In response to a tab switching operation on a tab in the third tab window, the page content corresponding to the selected tab is switched and displayed in the first interface window. That is, after detecting a preset operation, the electronic device separates the tab bar from the first interface window, and all tabs corresponding to the application are displayed in the newly created third tab window. If a first or second tab window already exists, it is closed, and the tabs in the first and second tab windows are moved to the newly created third tab window; or, tabs not in the first or second tab windows are added to the third tab window. The original tab bar position in the first interface window only displays the title of the currently selected tab. Clicking different tabs in the third tab window switches the page content in the first interface window.

[0177] Optionally, the preset operation includes at least one of triggering the secondary menu of the tab bar in the first interface window for setting, clicking the blank space of the tab bar, double-clicking the blank space of the tab bar, and triple-clicking the blank space of the tab bar, but is not limited thereto, and the embodiments of this application do not specifically limit it.

[0178] like Figure 17 The diagram illustrates the second tab window. The first interface window's tab bar 1701 displays multiple tabs: Tab 1 through Tab 7. In response to a preset operation on the tab bar, the electronic device cancels the display of tab bar 1701 and creates a new third tab window 1702. All tabs from tab bar 1701 are then displayed in the third tab window 1702. If there are floating tabs in the first interface window, or tabs displayed within the first and second tab windows, all of these are displayed in the third tab window 1702. The original tab bar only displays the title of the currently selected tab. For example, after selecting tab 3, only the title of tab 3 is displayed in the original tab bar, while the page content corresponding to tab 3 is displayed in the first interface window.

[0179] Strategy 5: In response to the target tab being dragged to the navigation bar area of ​​the first interface window, the electronic device considers the drag operation invalid or cancels the drag operation, and the dragged target tab is restored to be displayed in the tab bar.

[0180] Optionally, if the drag operation is deemed invalid or undone, the dragged target tab is restored to its original position in the tab bar, and the adjustments to the width and position of other tabs caused by dragging the target tab are also restored to their initial state; or, the dragged target tab is restored to the tab bar, but the display order of the tabs in the tab bar is readjusted, for example, the dragged target tab is displayed at the beginning or end of the tab bar, but this is not limited to this embodiment and is not specifically limited in this respect.

[0181] In summary, the technical solution provided in this application, by dragging the target tab out of the tab bar, details how to display target tabs with different display styles based on their different display positions outside the tab bar. Different display styles make target tabs easier for users to select, and all target tabs can be directly manipulated by the user after being removed from the tab bar without requiring a secondary path to find them. Users can have a global view of the currently open pages, quickly switch between pages, simplify operations, and achieve rapid switching between tabs and corresponding pages. This reduces the operational requirements for users and improves human-computer interaction efficiency.

[0182] The above combination Figures 5-17 The tab management method provided in the embodiments of this application is described in detail below. Figure 18 The electronic device provided in the embodiments of this application will be described in detail.

[0183] In one possible design, Figure 18 This is a structural block diagram of an electronic device provided in an embodiment of this application. Figure 18As shown, the electronic device may include a display unit 1801 and a processing unit 1802. The electronic device can be used to implement the functions of the electronic device involved in the above method embodiments.

[0184] Optionally, the display unit 1801 is used to support the electronic device in performing operations. Figure 5 Steps 501 and 503 in the process.

[0185] Optionally, the processing unit 1802 is used to support the electronic device in performing... Figure 5 Step 502 in the process.

[0186] The operation and / or function of each unit in the electronic device are respectively to implement the corresponding process of the tab management method described in the above method embodiments. All relevant content of each step involved in the above method embodiments can be referred to the functional description of the corresponding functional unit. For the sake of brevity, it will not be repeated here.

[0187] This application also provides a chip system, including: a processor coupled to a memory, the memory being used to store programs or instructions, wherein when the program or instructions are executed by the processor, the chip system implements the methods in any of the above method embodiments.

[0188] Optionally, the chip system may contain one or more processors. These processors can be implemented in hardware or software. When implemented in hardware, the processor can be a logic circuit, an integrated circuit, etc. When implemented in software, the processor can be a general-purpose processor, implemented by reading software code stored in memory.

[0189] Optionally, the chip system may contain one or more memories. The memory may be integrated with the processor or disposed separately from it; this application embodiment does not limit this. For example, the memory may be a non-transient processor, such as a read-only memory (ROM), which may be integrated with the processor on the same chip or disposed separately on different chips. This application embodiment does not specifically limit the type of memory or the arrangement of the memory and processor.

[0190] For example, the chip system may be a field programmable gate array (FPGA), an application specific integrated circuit (ASIC), a system on chip (SoC), a central processor (CPU), a network processor (NP), a digital signal processor (DSP), a micro controller unit (MCU), a programmable logic device (PLD), or other integrated chips.

[0191] It should be understood that each step in the above method embodiments can be completed by integrated logic circuits in the processor hardware or by instructions in software form. The method steps disclosed in the embodiments of this application can be directly manifested as being executed by a hardware processor, or being executed by a combination of hardware and software modules in the processor.

[0192] This application also provides a computer-readable storage medium storing a computer program. When the computer program is run on a computer, it causes the computer to perform the aforementioned steps to implement the tab management method in the above embodiments.

[0193] This application also provides a computer program product that, when run on a computer, causes the computer to perform the aforementioned steps to implement the tab management method described in the above embodiments.

[0194] In addition, this application also provides an apparatus. This apparatus may specifically be a component or module, and may include one or more processors and a memory connected together. The memory is used to store a computer program. When the computer program is executed by one or more processors, the apparatus performs the tab management method described in the above method embodiments.

[0195] The apparatus, computer-readable storage medium, computer program product, or chip provided in the embodiments of this application are all used to execute the corresponding methods provided above. Therefore, the beneficial effects they can achieve can be referred to the beneficial effects of the corresponding methods provided above, and will not be repeated here.

[0196] The steps of the methods or algorithms described in conjunction with the embodiments of this application can be implemented in hardware or by a processor executing software instructions. The software instructions can consist of corresponding software modules, which can be stored in random access memory (RAM), flash memory, read-only memory (ROM), erasable programmable read-only memory (EPROM), electrically erasable programmable read-only memory (EEPROM), registers, hard disks, portable hard disks, CD-ROMs, or any other form of storage medium well known in the art. An exemplary storage medium is coupled to a processor, enabling the processor to read information from and write information to the storage medium. Of course, the storage medium can also be a component of the processor. The processor and the storage medium can reside in an application-specific integrated circuit (ASIC).

[0197] Through the above description of the embodiments, those skilled in the art will clearly understand that, for the sake of convenience and brevity, the division of the above functional modules is only used as an example. In practical applications, the above functions can be assigned to different functional modules as needed; that is, the internal structure of the device can be divided into different functional modules to complete all or part of the functions described above. The specific working process of the system, device, and unit described above can be referred to the corresponding process in the foregoing method embodiments, and will not be repeated here.

[0198] In the several embodiments provided in this application, it should be understood that the disclosed methods can be implemented in other ways. The device embodiments described above are merely illustrative. For example, the division of modules or units is only a logical functional division, and there may be other division methods in actual implementation; for example, multiple units or components may be combined or integrated into another system, or some features may be ignored or not executed. In addition, the mutual coupling or direct coupling or communication connection shown or discussed may be through some interfaces, and the indirect coupling or communication connection of modules or units may be electrical, mechanical or other forms.

[0199] Furthermore, the functional units in the various embodiments of this application can be integrated into one processing unit, or each unit can exist physically separately, or two or more units can be integrated into one unit. The integrated unit can be implemented in hardware or as a software functional unit.

[0200] Computer-readable storage media include, but are not limited to, any of the following: USB flash drive, portable hard drive, read-only memory (ROM), random access memory (RAM), magnetic disk or optical disk, and other media capable of storing program code.

[0201] The above description is merely a specific embodiment of this application, but the scope of protection of this application is not limited thereto. Any changes or substitutions within the technical scope disclosed in this application should be included within the scope of protection of this application. Therefore, the scope of protection of this application should be determined by the scope of the claims.

Claims

1. A tab management method, characterized in that, The method includes: The first interface window is displayed, and the tab bar in the first interface window displays at least two tabs; In response to a drag operation on the selected target tab in the tab bar, the display position of the target tab relative to the first interface window is determined; Different display styles of target tabs are displayed based on their different display positions outside the tab bar.

2. The method according to claim 1, characterized in that, The method of displaying different display styles of target tabs based on different display positions of the target tab outside the tab bar includes: In response to the target tab being dragged to a first area of ​​the first interface window, the target tab is displayed in the first area or the first tab window; In response to the target tab being dragged to the second area of ​​the first interface window, the page content corresponding to the target tab is displayed in the second interface window, which is independent of the first interface window. In response to the target tab being dragged to a third area outside the first interface window, a shortcut link icon corresponding to the target tab is displayed, or the target tab is displayed in a second tab window. The shortcut link icon is used to open the page content corresponding to the target tab. The first tab window or the second tab window is used to display the tab and is associated with the first interface window.

3. The method according to claim 2, characterized in that, The step of displaying the target tab in the first area in response to the target tab being dragged to the first area of ​​the first interface window includes: In response to the target tab being dragged to the first area, if the target tab is an ungrouped tab, multiple tabs in the target tab are displayed as independent cards within the area of ​​the first area. In response to the target tab being dragged to the first area, if the target tab is a group of tabs, multiple tabs in the target tab are displayed as a single card within the area of ​​the first area, or a sidebar is added to the first area, and the target tab is displayed in the sidebar.

4. The method according to claim 3, characterized in that, The method further includes: When the target tab is displayed in the sidebar, in response to other tabs in the tab bar other than the target tab being dragged to the first area, the other tabs are displayed in the sidebar. The display style of the other tabs differs from that of the target tab.

5. The method according to any one of claims 2 to 4, characterized in that, After displaying the shortcut link identifier corresponding to the target tab in response to the target tab being dragged to a third area outside the first interface window, the method further includes: In response to the triggering operation of the shortcut link identifier, the page content corresponding to the target tab is displayed in the third interface window, and the page content corresponding to the target tab is de-displayed in the first interface window.

6. The method according to any one of claims 2 to 5, characterized in that, After the target tab is dragged to a third area outside the first interface window and the target tab is displayed in a second tab window, the method further includes: In response to the selection operation of the target tab displayed in the second tab window, the page content displayed in the first interface window is changed to the page content corresponding to the selected tab in the target tab.

7. The method according to any one of claims 2 to 6, characterized in that, The method further includes: In response to the closing operation of the second tab window, the target tab displayed in the second tab window will be restored to the tab bar in the first interface window.

8. The method according to any one of claims 3 to 7, characterized in that, The method further includes: In response to a zoom operation on the target tab that is floating in the first area, the target tab is switched to be displayed as a tab pop-up window, in which the page content corresponding to the target tab is displayed; In response to a zoom-out operation on the tab pop-up, the tab pop-up is switched to display the target tab.

9. The method according to claim 8, characterized in that, The step of switching the display of the target tab as a tab floating window in response to a zoom-in operation on the target tab floating in the first area includes: When the target tab displayed in the first area is a group of tabs, in response to the zoom operation of the first tab in the target tab, the first tab is switched to be displayed as a first tab floating window, and the page content corresponding to the first tab is displayed in the first tab floating window; The step of switching the tab pop-up to display the target tab in response to a minimized tab pop-up includes: If the target tab displayed in the first area is a group of tabs, in response to the shrinking operation of the first tab floating window, the first tab floating window is switched to display the first tab, and the first tab is displayed in the first area as an independent card.

10. The method according to any one of claims 1 to 9, characterized in that, After displaying the first interface window, the method further includes: When the page content corresponding to the second tab is displayed in the first interface window, in response to a preset operation on the tab bar, the tab bar is canceled from display, and all tabs in the tab bar are displayed in the third tab window; the third tab window is used to display the tabs and is associated with the first interface window.

11. The method according to claim 10, characterized in that, The method further includes: In response to a tab switching operation on a tab in the third tab window, the page content corresponding to the selected tab is switched and displayed in the first interface window.

12. An electronic device, characterized in that, include: A processor and a memory; the memory is coupled to the processor and is used to store computer program code, the computer program code including computer instructions, which, when the processor reads the computer instructions from the memory, cause the electronic device to implement the tab management method as described in any one of claims 1 to 11.

13. A computer-readable storage medium, characterized in that, The computer-readable storage medium stores at least one computer program, which is loaded and executed by a processor to implement the tab management method as described in any one of claims 1 to 11.

14. A computer program product, characterized in that, When the computer program product is run on a computer, the computer performs the tab management method as described in any one of claims 1 to 11.

Images