Page display method and device, electronic equipment and computer readable medium

Abstract

Embodiments of the present disclosure disclose a page display method and device, an electronic device and a computer readable medium. A specific embodiment of the method comprises: displaying a page information display window through a graphical user interface; in response to a first user operation on the page information display window, displaying a page image of each tab in at least one tab of the graphical user interface in the page information display window; and in response to a selection operation on the page image of each tab, displaying the tab corresponding to the selected page image in the graphical user interface. This embodiment enables the user to accurately understand the content of the tab and switch to the target page.

Description

Technical Field

[0001] The embodiments disclosed herein relate to the field of computer technology, and more specifically to page display methods, apparatus, electronic devices, and computer-readable media. Background Technology

[0002] With the development of internet technology, various applications have emerged. When using these applications, users often open multiple pages simultaneously to browse different content. Generally, users can switch between these pages by clicking on page tabs. However, it frequently happens that after switching, users find they are not on the target page. In other words, there is a problem of not accurately switching to the target page. Summary of the Invention

[0003] The summary portion of this disclosure is intended to provide a brief overview of the concepts, which will be described in detail in the detailed description portion. This summary portion is not intended to identify key or essential features of the claimed technical solutions, nor is it intended to limit the scope of the claimed technical solutions.

[0004] Some embodiments of this disclosure provide page display methods, apparatuses, electronic devices, and computer-readable media to address the technical problems mentioned in the background section above.

[0005] In a first aspect, some embodiments of this disclosure provide a page display method, including: displaying a page information display window through a graphical user interface; in response to a first user operation on the page information display window, displaying page images of each tab in at least one tab in the graphical user interface in the page information display window; and in response to a selection operation on the page images of the respective tabs, displaying the tab corresponding to the selected page image in the graphical user interface.

[0006] Secondly, some embodiments of this disclosure provide a page display apparatus, including: a window display unit configured to display a page information display window through a graphical user interface; a page image display unit configured to display page images of each tab in at least one tab in the graphical user interface in response to a first user operation on the page information display window; and a tab display unit configured to display the tab corresponding to the selected page image in the graphical user interface in response to a selection operation on the page images of the respective tabs.

[0007] Thirdly, some embodiments of this disclosure provide an electronic device, including: one or more processors; and a storage device having one or more programs stored thereon, such that when the one or more programs are executed by the one or more processors, the one or more processors implement the method as described in any implementation of the first aspect.

[0008] Fourthly, some embodiments of this disclosure provide a computer-readable medium having a computer program stored thereon, wherein the program, when executed by a processor, implements the method as described in any implementation of the first aspect.

[0009] The various embodiments of this disclosure have the following beneficial effects: by adding a page information display window to the graphical user interface, the page image of the tab can be displayed, thereby enabling the user to accurately understand the content of the tab and switch to the target page. Specifically, the inventors have discovered that the reason for the inability to accurately switch to the target page is that the tab can only display brief information such as a title, and the user can only roughly judge the content of the page. Based on this, some embodiments of this disclosure introduce a page information display window and display the page image of the tab within it. Since the page image is more information-rich and intuitive than brief information such as a title, the user can accurately understand the content of the tab and thus accurately switch to the target page. Attached Figure Description

[0010] The above and other features, advantages, and aspects of the embodiments of this disclosure will become more apparent from the accompanying drawings and the following detailed description. Throughout the drawings, the same or similar reference numerals denote the same or similar elements. It should be understood that the drawings are schematic, and elements are not necessarily drawn to scale.

[0011] Figures 1-3 This is a schematic diagram illustrating an application scenario of a page display method according to some embodiments of this disclosure;

[0012] Figure 4 This is a flowchart of some embodiments of the page display method according to the present disclosure;

[0013] Figure 5 These are flowcharts of other embodiments of the page display method according to this disclosure;

[0014] Figure 6 This is a schematic diagram of the structure of some embodiments of the page display device according to the present disclosure;

[0015] Figure 7 This is a schematic diagram of the structure of an electronic device suitable for implementing some embodiments of the present disclosure. Detailed Implementation

[0016] Embodiments of this disclosure will now be described in more detail with reference to the accompanying drawings. While some embodiments of this disclosure are shown in the drawings, it should be understood that this disclosure can be implemented in various forms and should not be construed as limited to the embodiments set forth herein. Rather, these embodiments are provided to provide a more thorough and complete understanding of this disclosure. It should be understood that the accompanying drawings and embodiments of this disclosure are for illustrative purposes only and are not intended to limit the scope of protection of this disclosure.

[0017] It should also be noted that, for ease of description, only the parts relevant to the invention are shown in the accompanying drawings. Unless otherwise specified, the embodiments and features described in this disclosure can be combined with each other.

[0018] It should be noted that the concepts of "first" and "second" mentioned in this disclosure are used only to distinguish different devices, modules or units, and are not used to limit the order of functions performed by these devices, modules or units or their interdependencies.

[0019] It should be noted that the terms "a" and "a plurality of" used in this disclosure are illustrative rather than restrictive, and those skilled in the art should understand that, unless otherwise expressly indicated in the context, they should be understood as "one or more".

[0020] The names of messages or information exchanged between multiple devices in the embodiments of this disclosure are for illustrative purposes only and are not intended to limit the scope of such messages or information.

[0021] This disclosure will now be described in detail with reference to the accompanying drawings and embodiments.

[0022] Figures 1-3 This is a schematic diagram illustrating an application scenario of a page display method according to some embodiments of the present disclosure.

[0023] It should be noted that the execution entity of the page display method can be either hardware or software. When it is hardware, it can be implemented as a distributed cluster of multiple servers or terminal devices, or as a single server or terminal device. When it is software, it can be installed on the hardware devices listed above. It can be implemented as, for example, multiple software programs and software modules used to provide distributed services, or as a single software program or software module. No specific limitations are made here.

[0024] In this application scenario, the entity executing the page display method can be a smartphone 101. Users can open at least one tab using the smartphone 101 and its installed applications. In this scenario, taking the opening of two tabs as an example, these are the tabs corresponding to "Architecture" 1041 and "Food" 1042. The smartphone 101 can display a page information display window 103 through a graphical user interface 102. Optionally, a prompt message can be displayed in the page information display window 103 to encourage the user to perform a trigger operation, such as "Click to expand page image".

[0025] Based on this, in response to a first user action on the page information display window 103, such as a click action, the smartphone 101 can display page images of each tab in at least one tab of the graphical user interface 102 in the page information display window 103, such as... Figure 2 In the middle, it is marked as 1031 and 1032.

[0026] Then, in response to the selection operation of the page image for each tab, in this application scenario, taking the clicking of page image 1032 as an example, the smartphone 101 can display the tab corresponding to the selected page image 1032 in the graphical user interface 102, and the display result is as follows. Figure 3 As shown.

[0027] Continue to refer to Figure 4 The diagram illustrates a flow 400 of some embodiments of a page display method according to the present disclosure. This page display method includes the following steps:

[0028] Step 401: Display the page information display window through the graphical user interface.

[0029] In some embodiments, the execution body of the page display method (e.g. Figure 1 A smartphone (in China) can display a page information window through a graphical user interface (GUI). The GUI can include at least one tab that the user has opened. The at least one tab can be displayed in various ways as needed. For example, one tab can be displayed in the foreground while the others are hidden. Alternatively, at least one tab can be stacked, with at least a portion of each tab displayed in the GUI. The page information window can be used to display various page information, including but not limited to: page images, page titles, page addresses, etc. For example, the page information window can display a prompt to the user to perform a trigger action, such as "Click to expand page image." Furthermore, the page information window can also display the page image of the foreground page.

[0030] Optionally, the page information display window can be displayed on top of at least one tab, making it easier for users to browse the information therein.

[0031] Step 402, in response to a first user action on the page information display window, display page images of each tab in at least one tab of the graphical user interface in the page information display window.

[0032] In some embodiments, in response to a first user operation (e.g., click, swipe, etc.) on the page information display window, the aforementioned execution entity can display page images of each tab in at least one tab of the graphical user interface in the page information display window. These tab page images are pre-stored in a storage unit. Thus, the aforementioned execution entity can read and display these tab page images. In practice, the display method of these page images can be determined as needed. As an example, these page images can all be displayed in a certain order in the page information display window. As another example, these page images can be stacked, with a portion of each page image displayed in the page information display window.

[0033] Step 403: In response to the selection operation of the page image for each tab, display the tab corresponding to the selected page image in the graphical user interface.

[0034] In some embodiments, in response to a selection operation of a page image for each tab, the aforementioned execution entity may display the tab corresponding to the selected page image in a graphical user interface.

[0035] In some optional implementations of certain embodiments, in response to a selection operation of a page image for each tab, displaying the tab corresponding to the selected page image in the graphical user interface includes: determining the access address of the selected page image in response to the selection operation of a page image for each tab; and displaying the tab corresponding to the selected page image based on the access address. The page image and access address of each tab can be pre-associated and stored in a storage unit. Thus, the execution entity can read the access address of the corresponding tab from the storage unit based on the selected page image. Then, it requests the corresponding tab from the server and displays it based on the access address using various communication protocols. As an example, the access address can be a Uniform Resource Locator (URL).

[0036] As an example, since each tab may have been displayed previously, in response to a selection operation for a page image of each tab, the aforementioned execution entity can first determine whether the tab corresponding to the selected page image is saved locally and whether the saved tab has expired. If the selected page image is saved locally and has not expired, the tab corresponding to the selected page image can be loaded directly from the local storage.

[0037] Some embodiments of this disclosure provide methods that, by adding a page information display window to a graphical user interface, can display page images of tabs, thereby enabling users to accurately understand the content of tabs and switch to the target page. Specifically, the inventors have discovered that the problem of inaccurate switching to the target page stems from the fact that tabs can only display brief information such as titles, allowing users to only roughly judge the content of the page. Based on this, some embodiments of this disclosure introduce a page information display window and display page images of the tabs within it. Since page images are more information-rich and intuitive than brief information such as titles, users can accurately understand the content of the tabs and thus accurately switch to the target page.

[0038] Further reference Figure 5 This illustrates a flow 500 of another embodiment of the page display method. The flow 500 of the page display method includes the following steps:

[0039] Step 501: Display the page information display window through the graphical user interface.

[0040] In some embodiments, the specific implementation of step 501 and its resulting technical effects can be found in [reference needed]. Figure 4 Step 401 in the corresponding embodiments will not be repeated here.

[0041] The page information display window can be placed anywhere in the graphical user interface as needed. In practice, it can be displayed in a preset location or a specified location. For example, users can specify the display position of the page information display window by dragging or dropping.

[0042] Step 502: In response to the first user action on the page information display window, the page information display window is enlarged.

[0043] In some embodiments, the page information display window can have multiple display formats. For example, it can be displayed in both "collapsed" and "expanded" formats. For instance, in the initial state, it can be displayed in a "collapsed" format. In this case, the page information display window occupies a smaller area and the color is less prominent, for example, it could be gray.

[0044] In response to a first user action (such as clicking or swiping) on ​​the page information display window, the aforementioned executing entity can enlarge the page information display window. At this time, the page information display window can be displayed in an "expanded" format. In this case, the page information display window occupies a larger area, thus accommodating multiple page images. Furthermore, the color is more prominent, for example, it could be red.

[0045] Step 503: Display page images of each tab in at least one tab of the graphical user interface in the enlarged page information display window.

[0046] Step 504: In response to the selection operation of the page image for each tab, display the tab corresponding to the selected page image in the graphical user interface.

[0047] In some embodiments, the specific implementation of step 504 and its resulting technical effects can be found in [reference needed]. Figure 4 Step 403 in the corresponding embodiments will not be described again here.

[0048] Step 505: In response to a second user action on the enlarged page information display window, hide the page image displayed in the page information display window and display a preset prompt message.

[0049] In some embodiments, in response to a second user action on the enlarged page information display window, the aforementioned entity can be displayed again in a "collapsed" form. Specifically, the page image displayed in the page information display window can be hidden, and a preset prompt message can be displayed.

[0050] In some optional implementations of certain embodiments, the method further includes: in response to adding a new tab in the graphical user interface, associating and storing the page image and access address of the new tab. In these implementations, if a user opens a new tab, the page image and access address of the new tab can be associated and stored to facilitate subsequent display of the page image and loading of the new tab.

[0051] In some optional implementations of certain embodiments, the method further includes deleting the page image of the target tab in the page information display window in response to a closing operation on the target tab in at least one tab. In these implementations, if a user closes a tab in at least one tab, the page image of that tab can also be deleted from the page information display window, avoiding the occupation of storage space and area in the graphical user interface.

[0052] from Figure 5 It can be seen from this that, with Figure 4Compared to the descriptions of some corresponding embodiments, this invention adds different display formats for the page information display window, which is an inventive point of this disclosure and can better adapt to the needs of different scenarios. Furthermore, it adds processing flows for new and closed tabs, which, as another inventive point of this disclosure, enables timely updates of the tabs displayed in the page information display window.

[0053] Further reference Figure 6 As an implementation of the methods shown in the above figures, this disclosure provides some embodiments of a page display device, which are similar to... Figure 4 Corresponding to the method embodiments shown, the device can be specifically applied to various electronic devices.

[0054] like Figure 6 As shown, a page display device 600 in some embodiments includes: a window display unit 601, a page image display unit 602, and a tab display unit 603. The window display unit 601 is configured to display a page information display window through a graphical user interface. The page image display unit 602 is configured to display page images of each tab in at least one tab of the graphical user interface in response to a first user operation on the page information display window. The tab display unit 603 is configured to display the tab corresponding to the selected page image in the graphical user interface in response to a selection operation on the page image of each tab.

[0055] In some optional implementations of the embodiments, the page image display unit 602 is further configured to enlarge the page information display window; and display page images of each tab in at least one tab of the graphical user interface in the enlarged page information display window.

[0056] In some alternative implementations of the embodiments, the device 600 may further include: a hiding unit configured to hide the page image displayed in the page information display window and display a preset prompt message in response to a second user operation on the enlarged page information display window.

[0057] In some optional implementations of the embodiments, the tab display unit 603 is further configured to: determine the access address of the selected page image in response to the selection operation of the page image for each tab; and display the tab corresponding to the selected page image based on the access address.

[0058] In some alternative implementations of embodiments, the apparatus 600 may further include a storage unit configured to associate and store a page image and access address of a new tab in response to the addition of a new tab in the graphical user interface.

[0059] In some alternative implementations of the embodiments, the apparatus 600 may further include: a deletion unit configured to delete the page image of the target tab in the page information display window in response to a closing operation of the target tab in at least one tab.

[0060] In some embodiments, by adding a page information display window to the graphical user interface, a page image of the tab can be displayed, allowing the user to accurately understand the tab's content and switch to the target page. Specifically, the inventors discovered that the problem of not being able to accurately switch to the target page stems from the fact that tabs can only display brief information such as titles, allowing users to only roughly judge the page's content. Based on this, some embodiments of this disclosure introduce a page information display window, in which a page image of the tab is displayed. Since page images are more information-rich and intuitive than brief information such as titles, users can accurately understand the tab's content and thus accurately switch to the target page.

[0061] The following is for reference. Figure 7 It illustrates electronic devices suitable for implementing some embodiments of this disclosure (e.g., Figure 1 The diagram below shows the structure of the terminal device 700. In some embodiments of this disclosure, the electronic device may include, but is not limited to, mobile terminals such as mobile phones, laptops, digital broadcast receivers, PDAs (personal digital assistants), PADs (tablet computers), PMPs (portable multimedia players), in-vehicle terminals (e.g., in-vehicle navigation terminals), and fixed terminals such as digital TVs and desktop computers. Figure 7 The electronic device shown is merely an example and should not be construed as limiting the functionality and scope of the embodiments of this disclosure.

[0062] like Figure 7 As shown, the electronic device 700 may include a processing unit (e.g., a central processing unit, a graphics processor, etc.) 701, which can perform various appropriate actions and processes according to a program stored in a read-only memory (ROM) 702 or a program loaded from a storage device 708 into a random access memory (RAM) 703. The RAM 703 also stores various programs and data required for the operation of the electronic device 700. The processing unit 701, ROM 702, and RAM 703 are interconnected via a bus 704. An input / output (I / O) interface 705 is also connected to the bus 704.

[0063] Typically, the following devices can be connected to I / O interface 705: input devices 706 including, for example, touchscreens, touchpads, keyboards, mice, cameras, microphones, accelerometers, gyroscopes, etc.; output devices 707 including, for example, liquid crystal displays (LCDs), speakers, vibrators, etc.; storage devices 708 including, for example, magnetic tapes, hard disks, etc.; and communication devices 709. Communication device 709 allows electronic device 700 to communicate wirelessly or wiredly with other devices to exchange data. Although Figure 7 An electronic device 700 with various devices is shown; however, it should be understood that it is not required to implement or possess all of the devices shown. More or fewer devices may be implemented or possessed alternatively. Figure 7 Each box shown can represent a device or multiple devices as needed.

[0064] In particular, according to some embodiments of this disclosure, the processes described above with reference to the flowcharts can be implemented as computer software programs. For example, some embodiments of this disclosure include a computer program product comprising a computer program carried on a computer-readable medium, the computer program containing program code for performing the methods shown in the flowcharts. In such embodiments, the computer program can be downloaded and installed from a network via communication device 709, or installed from storage device 708, or installed from ROM 702. When the computer program is executed by processing device 701, it performs the functions defined in the methods of some embodiments of this disclosure.

[0065] It should be noted that the computer-readable medium described in some embodiments of this disclosure may be a computer-readable signal medium or a computer-readable storage medium, or any combination thereof. A computer-readable storage medium may be, for example,—but not limited to—an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination thereof. More specific examples of a computer-readable storage medium may include, but are not limited to: an electrical connection having one or more wires, a portable computer disk, a hard disk, random access memory (RAM), read-only memory (ROM), erasable programmable read-only memory (EPROM or flash memory), optical fiber, portable compact disk read-only memory (CD-ROM), optical storage device, magnetic storage device, or any suitable combination thereof. In some embodiments of this disclosure, a computer-readable storage medium may be any tangible medium containing or storing a program that can be used by or in conjunction with an instruction execution system, apparatus, or device. In some embodiments of this disclosure, a computer-readable signal medium may include a data signal propagated in baseband or as part of a carrier wave, carrying computer-readable program code. Such propagated data signals may take various forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination thereof. A computer-readable signal medium can be any computer-readable medium other than a computer-readable storage medium, which can send, propagate, or transmit a program for use by or in connection with an instruction execution system, apparatus, or device. The program code contained on the computer-readable medium can be transmitted using any suitable medium, including but not limited to: wires, optical fibers, RF (radio frequency), etc., or any suitable combination thereof.

[0066] In some implementations, clients and servers can communicate using any currently known or future-developed network protocol such as HTTP (Hypertext Transfer Protocol) and can interconnect with digital data communication (e.g., communication networks) of any form or medium. Examples of communication networks include local area networks (“LANs”), wide area networks (“WANs”), the Internet (e.g., the Internet of Things), and peer-to-peer networks (e.g., ad hoc peer-to-peer networks), as well as any currently known or future-developed networks.

[0067] The aforementioned computer-readable medium may be included in the aforementioned electronic device; or it may exist independently and not assembled into the electronic device. The aforementioned computer-readable medium carries one or more programs that, when executed by the electronic device, cause the electronic device to: display a page information display window via a graphical user interface; in response to a first user operation on the page information display window, display page images of each tab in at least one tab of the graphical user interface in the page information display window; and in response to a selection operation on the page images of the respective tabs, display the tab corresponding to the selected page image in the graphical user interface.

[0068] Computer program code for performing operations of some embodiments of this disclosure can be written in one or more programming languages ​​or a combination thereof, including object-oriented programming languages ​​such as Java, Smalltalk, and C++, and conventional procedural programming languages ​​such as the "C" language or similar programming languages. The program code can be executed entirely on the user's computer, partially on the user's computer, as a standalone software package, partially on the user's computer and partially on a remote computer, or entirely on a remote computer or server. In cases involving remote computers, the remote computer can be connected to the user's computer via any type of network—including a local area network (LAN) or a wide area network (WAN)—or can be connected to an external computer (e.g., via the Internet using an Internet service provider).

[0069] The flowcharts and block diagrams in the accompanying drawings illustrate the architecture, functionality, and operation of possible implementations of systems, methods, and computer program products according to various embodiments of this disclosure. In this regard, each block in a flowchart or block diagram may represent a module, segment, or portion of code containing one or more executable instructions for implementing a specified logical function. It should also be noted that in some alternative implementations, the functions indicated in the blocks may occur in a different order than those indicated in the drawings. For example, two consecutively indicated blocks may actually be executed substantially in parallel, and they may sometimes be executed in reverse order, depending on the functions involved. It should also be noted that each block in the block diagrams and / or flowcharts, and combinations of blocks in the block diagrams and / or flowcharts, can be implemented using a dedicated hardware-based system that performs the specified function or operation, or using a combination of dedicated hardware and computer instructions.

[0070] The units described in some embodiments of this disclosure can be implemented in software or hardware. The described units can also be housed in a processor; for example, a processor may be described as including a window display unit, a page image display unit, and a tab display unit. The names of these units do not necessarily limit the specific unit; for example, a window display unit may also be described as "a unit that displays page information through a graphical user interface."

[0071] The functions described above in this document can be performed, at least in part, by one or more hardware logic components. For example, exemplary types of hardware logic components that can be used, without limitation, include: Field Programmable Gate Arrays (FPGAs), Application-Specific Integrated Circuits (ASICs), Application Standard Products (ASSPs), System-on-Chip (SoCs), Complex Programmable Logic Devices (CPLDs), and so on.

[0072] The above description is merely a selection of preferred embodiments of this disclosure and an explanation of the technical principles employed. Those skilled in the art should understand that the scope of the invention involved in the embodiments of this disclosure is not limited to technical solutions formed by specific combinations of the above-described technical features, but should also cover other technical solutions formed by arbitrary combinations of the above-described technical features or their equivalents without departing from the above-described inventive concept. For example, technical solutions formed by substituting the above-described features with (but not limited to) technical features with similar functions disclosed in the embodiments of this disclosure.

Claims

1. A method for displaying a page, comprising: A page information display window is displayed through a graphical user interface, wherein the graphical user interface includes at least one tab opened by the user, the page information display window is displayed on top of the at least one tab, and the page information display window displays prompt information to prompt the user to perform a trigger operation. In the initial state, the page information display window is displayed in a collapsed form, and when the page information display window is enlarged, it is displayed in an expanded form. In response to a first user operation on the page information display window, page images of each tab in at least one tab of the graphical user interface are displayed in the page information display window; In response to a selection operation of the page image for each tab, the tab corresponding to the selected page image is displayed in the graphical user interface.

2. The method according to claim 1, wherein, The step of displaying page images of each tab in at least one tab of the graphical user interface in the page information display window includes: Enlarge the page information display window; The enlarged page information display window displays page images of each tab in at least one tab of the graphical user interface.

3. The method according to claim 2, wherein, The method further includes: In response to a second user action on the enlarged page information display window, the page image displayed in the page information display window is hidden, and a preset prompt message is displayed.

4. The method according to claim 1, wherein, The step of displaying the tab corresponding to the selected page image in the graphical user interface in response to a selection operation for each tab includes: In response to the selection operation of the page image for each tab, the access address of the selected page image is determined; The tab corresponding to the selected page image is displayed based on the access address.

5. The method according to claim 2, wherein, The method further includes: In response to the addition of a new tab in the graphical user interface, the page image and access address of the new tab are associated and stored.

6. The method according to any one of claims 1-5, wherein, The method further includes: In response to a close operation on a target tab in the at least one tab, the page image of the target tab in the page information display window is deleted.

7. A page display device, comprising: The window display unit is configured to display a page information display window through a graphical user interface, wherein the graphical user interface includes at least one tab opened by the user, the page information display window is displayed on top of the at least one tab, the page information display window displays prompt information for prompting the user to perform a trigger operation, the page information display window is displayed in a collapsed form in the initial state, and the page information display window is displayed in an expanded form when the page information display window is enlarged; The page image display unit is configured to display page images of each tab in at least one tab of the graphical user interface in response to a first user operation on the page information display window. The tab display unit is configured to display the tab corresponding to the selected page image in the graphical user interface in response to a selection operation of the page image for each tab.

8. An electronic device, comprising: One or more processors; Storage device, on which one or more programs are stored, When the one or more programs are executed by the one or more processors, the one or more processors implement the method as described in any one of claims 1-6.

9. A computer-readable medium having a computer program stored thereon, wherein, When the program is executed by the processor, it implements the method as described in any one of claims 1-6.

Images