Display method, display apparatus, computing device, medium, and program product

Abstract

The present disclosure relates to a display method, a display apparatus, a computing device, a medium, and a program product. An exemplary display method comprises: displaying a navigation bar of a first page in a view of the first page, the navigation bar comprising a first title of the first page and an interactive element that hides path information of the first page. The method further comprises: in response to receiving a first interaction operation for the interactive element, displaying a title of at least one page in the hidden path information; and in response to receiving a second interaction operation for a second title of a second page among the at least one page, adding the second title to the navigation bar.

Description

[0001] Display methods, display devices, computing equipment, media and program products

[0002] Cross-reference to related applications

[0003] This application claims priority to Chinese Patent Application No. 202510495118.4, filed on April 18, 2025, entitled “Display Method, Display Device, Computing Equipment, Medium and Program Product”, the entire contents of which are incorporated herein by reference.

[0004] Technical Field

[0005] This disclosure relates to the field of computers, and more particularly to display methods, display devices, computing equipment, computer storage media, and computer program products.

[0006] Background Technology

[0007] Navigation bars in web page design, often referred to as "breadcrumbs" or "address bars," are a type of hierarchical navigation design. They are presented as a horizontally arranged string of text, separated by symbols (such as ">" or " / "), clearly showing the user's path from the homepage to the current page. For example, in news applications, if a user is browsing a technology article, the navigation path could be "Homepage > News > Technology > [Article Title]". Navigation bars allow users to intuitively understand the current page hierarchy, preventing them from getting lost and facilitating quick navigation back to intermediate pages, thus improving browsing efficiency. However, further improvements to navigation bar design are still needed to address existing shortcomings and meet the ever-emerging needs of new users. (Invention Content)

[0008] In a first aspect of the embodiments of this disclosure, a display method is provided. The method includes: displaying a navigation bar of a first page in a view of a first page, the navigation bar including an interactive element that hides path information of the first page and a first title of the first page; displaying the title of at least one page in the hidden path information in response to receiving a first interactive operation on the interactive element; and adding a second title to the navigation bar in response to receiving a second interactive operation on a second title of a second page in the at least one page.

[0009] In a second aspect of the embodiments of this disclosure, a display apparatus is provided. The apparatus includes: a first display unit configured to display a navigation bar of the first page in a view of the first page, the navigation bar including an interactive element that hides path information of the first page and a first title of the first page; a second display unit configured to display the title of at least one page in the hidden path information in response to receiving a first interactive operation on the interactive element; and a title adding unit configured to add a second title to the navigation bar in response to receiving a second interactive operation on a second title of a second page among the at least one page.

[0010] In a third aspect of the embodiments of this disclosure, an electronic device is provided. It includes: at least one processing unit; and at least one memory coupled to the at least one processing unit and storing instructions for execution by the at least one processing unit, the instructions being executed by the at least one processing unit.

[0011] When the computing device performs the method as described in the first aspect of this disclosure.

[0012] In a fourth aspect of embodiments of this disclosure, a computer-readable storage medium is provided, including machine-executable instructions that, when executed by a device, cause the device to perform the method according to a first aspect of this disclosure.

[0013] In a fifth aspect of the embodiments of this disclosure, a computer program product is provided, including machine-executable instructions that, when executed by a device, cause the device to perform the method according to the first aspect of this disclosure.

[0014] The summary section is provided to present the chosen concepts in a simplified form, which will be further described in the detailed description below. The summary section is not intended to identify key or principal features of the claimed subject matter, nor is it intended to limit the scope of the claimed subject matter.

[0015] Attached Figure Description

[0016] 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. Wherein:

[0017] Figure 1 shows an exemplary page view including a separate page title and navigation bar;

[0018] Figure 2 shows an example flowchart of a display method according to some embodiments of the present disclosure;

[0019] Figures 3 to 11 show schematic diagrams of navigation bars according to some embodiments of the present disclosure.

[0020] Figure 12 shows a schematic block diagram of a display device according to some embodiments of the present disclosure; and

[0021] Figure 13 shows a schematic block diagram of a device capable of implementing several embodiments of the present disclosure.

[0022] In all the accompanying figures, the same or similar reference numerals denote the same or similar elements.

[0023] Detailed Implementation

[0024] It is understood that all user-related data involved in this technical solution must be obtained and used only after authorization from the user. This means that if this technical solution requires the use of a user's personal information, explicit consent and authorization from the user are required before obtaining this data; otherwise, no related data collection and use will be carried out. It should also be understood that, in implementing this technical solution, relevant laws and regulations must be strictly followed during the collection, use, and storage of data, and necessary technical measures must be taken to protect user data security and ensure the secure use of data.

[0025] It is understood that before using the technical solutions disclosed in the various embodiments of this disclosure, users should be informed of the types, scope of use, and usage scenarios of the personal information involved in this disclosure in an appropriate manner in accordance with relevant laws and regulations, and user authorization should be obtained.

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

[0027] As an optional but non-limiting implementation, in response to receiving a user's active request, the way to send a prompt message to the user can be, for example, a pop-up window. The prompt message can be presented in text form in the pop-up window. In addition, the pop-up window can also contain a selection control for the user to choose "agree" or "disagree" to provide personal information to the electronic device.

[0028] It is understood that the above notification and user authorization process are merely illustrative and do not constitute a limitation on the implementation of this disclosure. Other methods that comply with relevant laws and regulations may also be applied to the implementation of this disclosure.

[0029] 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.

[0030] In the description of embodiments of this disclosure, the term "comprising" and similar terms should be understood as open-ended inclusion, i.e., "including but not limited to". The term "based on" should be understood as "at least partially based on". The term "one embodiment" or "the embodiment" should be understood as "at least one embodiment". The terms "first", "second", etc., may refer to different or the same objects unless explicitly stated. Other explicit and implicit definitions may also be included below.

[0031] Navigation bars are common tools in page design and interaction scenarios. During user interaction, they display the path the user has taken. For example, in news applications, if a user is browsing a technology article, the navigation path might be "Home > News > Technology > [Current Article Title]". Users can quickly jump to any previously viewed page by clicking on the titles of other pages displayed in the navigation bar. In current technology applications, the navigation bar and the current page title are usually displayed separately, often one above the other, or one to the left and one to the right.

[0032] Figure 1 shows an exemplary page including a separate navigation bar and title, arranged vertically. In Figure 1, the navigation bar displays the path information of the current page (P1>P2>P3>P4>P5>P6), and the title of the current page (P6) is located below the navigation bar. The separate navigation bar and title result in inefficient space utilization and information redundancy in the page layout (repeatedly displaying the title P6).

[0033] Some existing web pages, in order to save space, simply remove the page title and use the navigation bar as the title. However, this approach makes the title less eye-catching because the font size of the navigation bar is usually small. Especially when the path information in the navigation bar is lengthy, the font size of the last title in the navigation bar will be even smaller, causing inconvenience to the user. Therefore, the interaction between the navigation bar and the page title needs further optimization and improvement.

[0034] In view of this, embodiments of this disclosure provide an improved solution that combines the navigation bar and title, displaying them flexibly through interactive methods, thus integrating the two into a comprehensive navigation tool. In some embodiments, the navigation...

[0035] The navigation bar displays the title of the current page, and next to the title is an interactive element that hides the path information of the current page, such as an ellipsis button. Users can interact with this interactive element to view or collapse the hidden pages in the path information. Thus, without increasing the space occupied by the navigation area, it satisfies the need for both the navigation bar and the title to be displayed, achieving space-saving effects while retaining the functionality of viewing both the title and the linked pages. The pages in the path information can be customized to be shown or hidden, allowing users to set the hiding or hiding of specific pages according to their needs, solving the problems of traditional navigation bars being too long and having fixed content.

[0036] It should be noted that the embodiments of this disclosure are described in this article using page design applications as an example. It can be understood that the technical concept of the present invention is also applicable to other application scenarios, such as files displayed in the window of an operating system and the address bar including file path information.

[0037] Figure 2 illustrates a flowchart of a display method 200 according to some embodiments of the present disclosure. The method can be implemented by any electronic device with computing and display capabilities, including but not limited to mobile phones, tablets, wearable devices, in-vehicle devices, augmented reality / virtual reality devices, laptops, super mobile personal computers, netbooks, personal digital assistants, Internet of Things devices, industrial terminals, and various electronic devices with interface display functions. The embodiments of this disclosure do not impose any limitations on the specific type of electronic device.

[0038] For ease of understanding, the display method 200 in Figure 2 will be described in conjunction with the page designs shown in Figures 3 to 11. However, it should be understood that the exemplary page designs in Figures 3 to 11 are non-limiting.

[0039] As shown in Figure 2, in box 210, the navigation bar of the first page is displayed in the view of the first page. The navigation bar includes interactive elements that hide the path information of the first page and the first title of the first page. The first page can be the current page that the user is currently visiting (in this document, "current page" and "first page" are used interchangeably). In addition to the detailed page content of the first page, the view of the first page also displays the navigation bar of the first page, which includes the first title of the first page.

[0040] Figure 3 shows a navigation bar 100 in a view of the first page, including the first title 104 (Page 6) and an interactive element 102. As shown in Figure 3, the interactive element 102 is an ellipsis button with a "..." symbol indicating to the user that more hidden path information exists, guiding the user to interact with it. The path information can be a set of ordered page titles. In some embodiments, the navigation bar 100 can be configured to display only the title of the current page by default.

[0041] In box 220, in response to receiving a first interaction action for the interactive element, the title of at least one page in the hidden path information is displayed. For example, a user can interact with the interactive element 102, which is in the form of an omitted button as shown in FIG3, causing the hidden path information to be displayed. In some embodiments, the first interaction action can be a hover action, for example, the user moves the cursor to the interactive element 102 and holds it for a period of time (e.g., several seconds). In response, the titles of the pages in the hidden path information of the interactive element 102 can be automatically displayed.

[0042] In some embodiments, displaying the title of at least one page in the hidden path information may include displaying the title of at least one page above or below the navigation bar based on the order of the pages in the path information.

[0043] Figure 4 shows the title 106 of the hidden page displayed in response to the first interactive action. As shown in Figure 6, title 106 is located below the navigation bar, where page1 to page5 are a set of ordered page titles from 1 to 5. In order from left to right, page1 is the title of the first-level page (page 1), page2 is the title of the second-level page (page 2), and so on, up to the title of page 5, page5. In this example, the complete path of the current page (page 6) is page1 > page2 > page3 > page4 > page5 > page6.

[0044] In box 230, in response to receiving a second interactive operation for a second title of a second page in at least one page, the second title is added to the navigation bar. Through this second interactive operation, the user can add the titles of one or more hidden pages to the navigation bar 100. Thus, the user can set whether specific pages in the path information are hidden or not according to their needs, thereby achieving a customized navigation bar and solving the problems of traditional navigation bars being too long and having fixed content.

[0045] In some embodiments, a first control for adding a second title to the navigation bar may be displayed at the second title. The second title is added to the navigation bar when a second interactive action is received on the first control.

[0046] Figure 5 illustrates an exemplary interface and operation for adding the title of a hidden page to the navigation bar. As shown, a control 108 for adding page 1 to the navigation bar 100 is displayed next to the title page1 of page 1. In some embodiments, control 108 is not displayed by default, as shown in Figure 4; control 108 is displayed next to page1 when the user moves the cursor near page1, for example, by hovering, which saves display space. Alternatively, control 108 can be displayed fixedly near each title 106. When the user performs a second interactive operation by clicking control 108, the title 110 (Page1) of page 1 is added to the navigation bar, as shown in Figure 6.

[0047] In some embodiments, the first heading in the navigation bar is displayed in a more prominent manner than the second heading added to the navigation bar to emphasize the heading of the current page. For example, the first heading may be in a special font (such as bold), have a larger font size, or have a highlighted color, while the second heading may be displayed in low contrast (such as grayscale).

[0048] Adding a previously hidden title to the navigation bar may require a rearrangement of the titles within the navigation bar. In some embodiments, adding a second title to the navigation bar may include: determining the position of the second title in the navigation bar based on path information from the first page, and updating the navigation bar based on the determined position of the second title.

[0049] Referring to Figure 6, based on the path information, the added page 1 is a first-level page; therefore, its title, page1, is located on the far left of the navigation bar. In some embodiments, the position of interactive elements in the updated navigation bar is determined based on the page order in the path information. As shown in Figure 6, the interactive elements of hidden pages 2 to 5 (indicated by the omission of the "…" button) are located between the already displayed titles Page1 and Page6 in the navigation bar.

[0050] In some embodiments, updating the navigation bar may include: identifying at least one third page not displayed in the navigation bar from the path information, and displaying one or more interactive elements in the navigation bar that hide at least one third page. As shown in Figure 6, when the title of page 1 is added to the navigation bar, pages 2 to 5 located between pages 1 and 6 (i.e., the current page) are not displayed in the navigation bar, so the ellipsis button in the updated navigation bar will hide pages 2 to 5.

[0051] Referring to Figure 7, in this scenario, if the user further clicks the ellipsis button 112, the titles 114 for pages 2 to 5 will be displayed below the navigation bar. Then, based on a similar approach described in Figure 5, the user can select any one of them to add to the navigation bar.

[0052] In some cases, adding the title of a hidden page to the navigation bar may result in two new interactive elements or ellipsis buttons. As shown in Figure 8, the user selects to add the title of page 3 (page 3) to the navigation bar. Accordingly, in addition to the titles of page 1 (Page 1) and the current page (Page 6), the updated navigation bar also displays the title of page 3 (Page 3). Based on the path information, page 2 (between page 1 and page 3), and pages 4 and 5 (between page 3 and the current page) are not displayed in the navigation bar. Therefore, the navigation bar includes two ellipsis buttons, which respectively hide page 2 and pages 4 and 5. Their positions are also determined based on the path information.

[0053] In some embodiments, users can remove added page titles from the navigation bar, allowing for further flexibility in customizing the information displayed in the navigation bar. In some embodiments, a second control for deleting the title from the navigation bar can be displayed at the title location. The second title is deleted from the navigation bar in response to receiving a third interactive action on the second control. In response to the deletion of the second title, the navigation bar can be updated by showing or hiding interactive elements of the second page.

[0054] For example, referring to Figure 10, when the user moves the cursor to Page! in the navigation bar and hovers it, control 120 is displayed next to Page!. If the user clicks control 120, Page! is removed from the navigation bar. The updated navigation bar is shown in Figure 11.

[0055] The example embodiments described above with reference to Figures 2 to 11 provide a method for combining a navigation bar and a title, flexibly displaying the navigation bar through an interactive approach, and integrating the two into a comprehensive navigation tool. The navigation bar can display only the title of the current page, and provide an interactive element next to the title to hide the path information of the current page. Users can manipulate this interactive element to add the titles of hidden intermediate pages to the navigation bar, or delete the titles of displayed intermediate pages from the navigation bar, thereby achieving a customized navigation bar. Compared with the prior art, the embodiments of this disclosure can meet the requirement of displaying both the navigation bar and the title without increasing the space occupied by the navigation area. While achieving space-saving effects, it retains the functions of viewing both the title and the path pages, and solves the problems of traditional navigation bars being too long and having fixed content.

[0056] Figure 12 shows a block diagram of an apparatus 1200 for interface display according to some embodiments of the present disclosure. As shown in Figure 12, apparatus 120 includes: a first display unit 1202 configured to display a navigation bar of a first page in a view of a first page, the navigation bar including interactive elements that hide path information of the first page and a first title of the first page. Apparatus 1200 further includes: a second display unit 1204 configured to display the title of at least one page in the hidden path information in response to receiving a first interactive operation for the interactive elements. Apparatus 1200 further includes: a title adding unit 1206 configured to add a second title to the navigation bar in response to receiving a second interactive operation for a second title of a second page among at least one page.

[0057] In some embodiments, the device 1200 further includes a third display unit configured to display a first control for adding a second title to a navigation bar at a second title, and the title control unit 1206 is further configured to add the second title to the navigation bar in response to receiving a second interactive operation on the first control.

[0058] In some embodiments, the device 1200 further includes a fourth display unit configured to display a second control for deleting the second title from the navigation bar at the second title in the navigation bar. The device 1200 also includes a title deletion unit configured to delete the second title from the navigation bar in response to receiving a third interactive operation on the second control. The device 1200 further includes an update unit configured to update the navigation bar by displaying interactive elements that hide the second page.

[0059] In some embodiments, the first display unit 1202 is further configured to display the first title in the navigation bar in a more prominent manner than the second title.

[0060] In some embodiments, the second display unit 1204 is further configured to display the title of at least one page above or below the navigation bar based on the order of pages in the path information.

[0061] In some embodiments, the title adding unit 1206 is further configured to: determine the position of the second title in the navigation bar based on path information; and update the navigation bar based on the determined position of the second title.

[0062] In some embodiments, the update unit is further configured to: determine at least one third page in the path information that is not displayed in the navigation bar; and display one or more interactive elements in the navigation bar that hide at least one third page.

[0063] In some embodiments, the number and position of one or more interactive elements are determined based on the order of pages in the path information.

[0064] In some embodiments, the first interactive operation is a hover operation, and the second interactive operation is a click operation. Figure 13 shows a block diagram of a device 1300 capable of implementing various embodiments of the present disclosure. As shown in Figure 13, the device 1300 includes a computing unit 1301 (e.g., a central processing unit (CPU) and / or a graphics processing unit (GPU)) that can perform various appropriate gestures and processes according to computer program instructions stored in read-only memory (ROM) 1302 or loaded from storage unit 1308 into random access memory (RAM) 1303. Various programs and data required for the operation of the device 1300 may also be stored in RAM 1303. The computing unit 1301, ROM 1302, and RAM 1303 are interconnected to each other via bus 1304. Input / output (I / O) interface 1305 is also connected to bus 1304. Although not shown in Figure 5, the device 1300 may also include a coprocessor. Multiple components in device 1300 are connected to I / O interface 1305, including: input unit 1306, such as keyboard, mouse, etc.; output unit 1307, such as various types of monitors, speakers, etc.; storage unit 1308, such as disk, optical disk, etc.; and communication unit 1309, such as network card, modem, wireless transceiver, etc. Communication unit 1309 allows device 1300 to exchange information / data with other devices through computer networks such as the Internet and / or various telecommunications networks.

[0065] The various methods or processes described above can be executed by the computing unit 1301. For example, in some implementations

[0066] In this example, the method may be implemented as a computer software program tangibly contained in a machine-readable medium, such as storage unit 1308. In some embodiments, part or all of the computer program may be loaded and / or installed on device 1300 via ROM 1302 and / or communication unit 1309. When the computer program is loaded into RAM 1303 and executed by computing unit 1301, one or more steps or actions of the method or process described above may be performed.

[0067] In some embodiments, the methods and processes described above can be implemented as a computer program product. The computer program product may include a computer-readable storage medium having computer-readable program instructions loaded thereon for performing various aspects of this disclosure.

[0068] Computer-readable storage media can be tangible devices capable of holding and storing instructions for use by an instruction execution device. Computer-readable storage media can be, for example, but not limited to, electrical storage devices, magnetic storage devices, optical storage devices, electromagnetic storage devices, semiconductor storage devices, or any suitable combination of the foregoing. More specific examples (a non-exhaustive list) of computer-readable storage media include: portable computer disks, hard disks, random access memory (RAM), read-only memory (ROM), erasable programmable read-only memory (EPROM or flash memory), static random access memory (SRAM), portable compact disc read-only memory (CD-ROM), digital multifunction disc (DVD), memory sticks, floppy disks, mechanical encoding devices, such as punch cards or recessed protrusions storing instructions thereon, and any suitable combination of the foregoing. The computer-readable storage media used herein are not to be construed as transient signals themselves, such as radio waves or other freely propagating electromagnetic waves, electromagnetic waves propagating through waveguides or other transmission media (e.g., light pulses through fiber optic cables), or electrical signals transmitted through wires.

[0069] The computer-readable program instructions described herein can be downloaded from computer-readable storage media to various computing / processing devices, or downloaded via a network, such as the Internet, a local area network (LAN), a wide area network (WAN), and / or a wireless network, to an external computer or external storage device. The network may include copper cables, fiber optic cables, wireless transmission, routers, firewalls, switches, gateway computers, and / or edge servers. A network adapter card or network interface in each computing / processing device receives the computer-readable program instructions from the network and forwards them to computer-readable storage media within the respective computing / processing device.

[0070] Computer program instructions used to perform the operations of this disclosure may be assembly instructions, instruction set architecture (ISA) instructions, machine instructions, machine-dependent instructions, microcode, firmware instructions, status setting data, or source code or object code written in any combination of one or more programming languages, including object-oriented programming languages ​​and conventional procedural programming languages. The computer-readable program instructions may execute 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 a remote computer, the remote computer may 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 may be connected to an external computer (e.g., via the Internet using an Internet service provider). In some embodiments, electronic circuitry, such as programmable logic circuitry, field-programmable gate arrays (FPGAs), or programmable logic arrays (PLAs), is personalized by utilizing the status information of the computer-readable program instructions. This electronic circuitry can execute the computer-readable program instructions to implement various aspects of this disclosure.

[0071] These computer-readable program instructions can be provided to a processing unit of a general-purpose computer, a special-purpose computer, or other programmable data processing apparatus to produce a machine such that, when executed by the processing unit of the computer or other programmable data processing apparatus, they create means for implementing the functions / poses specified in one or more blocks of the flowchart and / or block diagram. These computer-readable program instructions can also be stored in a computer-readable storage medium that causes a computer, programmable data processing apparatus, and / or other device to operate in a particular manner. Thus, the computer-readable medium storing the instructions comprises an article of manufacture that includes instructions for implementing aspects of the functions / poses specified in one or more blocks of the flowchart and / or block diagram.

[0072] Computer-readable program instructions may also be loaded onto a computer, other programmable data processing apparatus, or other device to cause a series of operational steps to be performed on the computer, other programmable data processing apparatus, or other device to produce a computer-implemented process, thereby causing the instructions that execute on the computer, other programmable data processing apparatus, or other device to implement the functions / poses specified in one or more boxes of a flowchart and / or block diagram.

[0073] The flowcharts and block diagrams in the accompanying drawings illustrate the architecture, functionality, and operation of possible implementations of devices, methods, and computer program products according to various embodiments of the present disclosure. In this regard, each block in a flowchart or block diagram may represent a module, segment, or portion of an instruction containing one or more executable instructions for implementing a specified logical function. In some alternative implementations, the functions marked in the blocks may occur in a different order than those marked in the drawings. For example, two consecutive 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, may be implemented using a dedicated hardware-based system that performs the specified function or action, or using a combination of dedicated hardware and computer instructions.

[0074] The various embodiments of this disclosure have been described above. These descriptions are exemplary and not exhaustive, and are not limited to the disclosed embodiments. Many modifications and variations will be apparent to those skilled in the art without departing from the scope and spirit of the described embodiments. The terminology used herein is chosen to best explain the principles, practical applications, or technical improvements to the technology in the market, or to enable others skilled in the art to understand the embodiments disclosed herein.

Claims

CLAIM 1. A display method comprising: displaying, in a view of a first page, a navigation bar of the first page, the navigation bar including an interactive element that conceals path information of the first page and a first title of the first page; in response to receiving a first interaction operation on the interactive element, displaying a title of at least one page of the concealed path information; and in response to receiving a second interaction operation on a second title of a second page of the at least one page, adding the second title to the navigation bar.

2. The method of claim 1, wherein, the method further comprising displaying, at the second title, a first control for adding the second title to the navigation bar, and wherein adding the second title to the navigation bar comprises: in response to receiving the second interaction operation on the first control, adding the second title to the navigation bar.

3. The method of claim 1, wherein, the method further comprising: displaying, at the second title in the navigation bar, a second control for deleting the second title from the navigation bar; and in response to receiving a third interaction operation on the second control, deleting the second title from the navigation bar; and updating the navigation bar by displaying an interactive element that conceals the second page.

4. The method of claim 1, wherein the method further comprises: displaying, in the navigation bar, the first title in a more prominent manner than the second title.

5. The method of claim 1, wherein, displaying, in response to receiving a first interaction operation on the interactive element, a title of at least one page of the concealed path information comprises: displaying the title of the at least one page above or below the navigation bar based on an order of pages in the path information.

6. The method of claim 1, wherein, adding the second title to the navigation bar comprises: determining a position of the second title in the navigation bar based on the path information; and updating the navigation bar based on the determined position of the second title.

7. The method of claim 6, wherein, updating the navigation bar comprises: determining at least one third page of the path information that is not displayed in the navigation bar; and displaying one or more interactive elements that conceal the at least one third page in the navigation bar.

8. The method of claim 7, wherein a number and a position of the one or more interactive elements are determined based on an order of pages in the path information.

9. The method of claim 1, wherein, the first interaction operation is a hover operation and the second interaction operation is a click operation.

10. A display apparatus comprising: a first display unit configured to display, in a view of a first page, a navigation bar of the first page, the navigation bar including an interactive element that conceals path information of the first page and a first title of the first page, wherein a second display unit configured to display, in response to receiving a first interaction operation on the interactive element, a title of at least one page of the concealed path information; and a third display unit configured to add, in response to receiving a second interaction operation on a second title of a second page of the at least one page, the second title to the navigation bar. a title adding unit configured to, in response to receiving a second interaction operation for a second title of a second page in the at least one page, add the second title to the navigation bar. 11.An electronic device, comprising: a processor; and a memory coupled with the processor, the memory having stored therein instructions that, as executed by the processor, cause the electronic device to perform the method of any of claims 1-9. 12.A computer-readable storage medium having stored thereon computer-executable instructions, wherein the computer-executable instructions, when executed by a processor, perform the method of any of claims 1-9.

Images