CN114935989B

CN114935989B - Browser page display method and display device

Info

Publication number: CN114935989B
Application number: CN202210730059.0A
Authority: CN
Inventors: 张从鹏; 牛付腾
Original assignee: Vidaa Netherlands International Holdings BV
Current assignee: Vidaa Netherlands International Holdings BV
Priority date: 2022-06-24
Filing date: 2022-06-24
Publication date: 2024-04-19
Anticipated expiration: 2042-06-24
Also published as: CN114935989A

Abstract

The embodiment of the application discloses a browser page display method and display equipment, wherein the method comprises the steps of responding to an operation instruction for starting a browser application, and displaying a browser application interface; the browser application interface comprises a tag column and a content display area, wherein the tag column at least comprises a tag page, and the content display area is used for displaying page contents of active tag pages; detecting that the focus moves to an inactive target tab page, displaying a preview window in the content display area, and displaying a page content image of the target tab page and the focus of the control device in the preview window; and closing the preview window in response to the page switching operation input based on the preview window, and displaying the page content of the active target tab page in the content display area. The method realizes that the user knows the page content of the inactive tab page and quickly enters the tab page in the preview mode, and improves the browsing efficiency of the user and the browser use experience.

Description

Browser page display method and display device

Technical Field

The application relates to the technical field of display equipment, in particular to a browser page display method and display equipment.

Background

After the user starts the browser on the display device, a tab is displayed on the browser interface, wherein the tab contains at least one tab page, and the tab page is a web page which is browsed by the user and is not closed. The tab pages in the tab bar are divided into two types, one is an active tab page and the other is an inactive tab page, wherein the active tab page refers to a page tab corresponding to media content presented in a content display area of the browser, and only one tab page in an active state is provided; the inactive tab page, although opened, does not have its page content displayed in the content display area.

The user can switch the tab pages in the tab bar according to the web page browsing requirement, so that the tab page of interest is positioned, the content display area presents page content corresponding to the tab page of interest, if the number of tab pages contained in the tab bar is large, the user can not quickly position the tab page of interest, the browsing efficiency is low, and the user experience of using the browser is poor.

Disclosure of Invention

In order to solve the technical problems, the embodiment of the application provides a browser page display method and display equipment, which realize preview of an inactive tab page, and rapidly enter the inactive tab page through a preview window, thereby improving page browsing efficiency and user experience.

An embodiment of the first aspect provides a display device, including:

A display;

A controller configured to:

responding to an operation instruction for starting the browser application, and controlling a display to display a browser application interface; the browser application interface comprises a tag column and a content display area, wherein the tag column at least comprises a tag page, and the content display area is used for displaying page contents of active tag pages;

detecting that the focus moves to an inactive target tab page, controlling a display to display a preview window in the content display area, wherein a page content image of the target tab page and the focus of a control device are displayed in the preview window;

And responding to the page switching operation input in the preview window, controlling a display to close the preview window, and displaying the page content of the active target tab page in the content display area.

In some embodiments, the controller is further configured to:

responding to a page switching operation input based on the preview window, and acquiring a first position of a focus in the preview window;

Closing the preview window;

And acquiring a second position mapped by the first position in the content display area, and displaying a focus at the second position.

In some embodiments, the controller is further configured to:

after detecting that a first focus of a control device moves to the target label page, if a window focus display operation is received, controlling a display to hide the first focus, and closing a control function of the first focus; the first focus is the focus before the display device receives the window focus display operation;

Generating a second focus of a control device, displaying the second focus at a preset position of the preview window, and starting a control function of the second focus; the movable area of the second focus does not exceed the range of the preview window;

responding to a page switching operation input based on the preview window, acquiring a first position of the second focus in the preview window, closing the preview window, and canceling a display and control function of the second focus;

and acquiring a second position mapped by the first position in the content display area, displaying the first focus at the second position, and starting a control function of the first focus.

In some embodiments, the controller is configured to:

in response to an operation instruction to switch from the first tab page to the second tab page, starting a screen capturing function;

Intercepting a screen image, wherein the screen image comprises page contents of a first tab page currently displayed in the content display area;

storing a page content image corresponding to the first tab page obtained according to the screen image, and closing the screen capturing function;

and controlling a display to display page contents of the second tab page in the content display area.

In some embodiments, the controller is further configured to:

calculating coordinates of a datum point selected in the preview window in advance according to the arrangement sequence number of the target tag page on the tag column and the width of the target tag page;

Controlling a display to display a preview window in the content display area according to the coordinates of the datum point and the preset size of the preview window; the preview window is aligned with at least one end of the target tab page.

In some embodiments, the controller is configured to obtain the second position as follows:

calculating coordinates of the first position;

calculating a first ratio and a second ratio according to the coordinates of the first position, the coordinates of the datum point, the width and the height of the preview window; the first ratio is a position ratio of the first position in the width direction of the preview window, and the second ratio is a position ratio of the first position in the height direction of the preview window;

calculating coordinates of the second position according to the first ratio, the second ratio and the size of the target area; the target area is a screen visible area or the content display area.

In some embodiments, the controller is further configured to:

Responding to an operation instruction for displaying a preset homepage, and if the fact that the browser application has started a recommending function is detected, controlling a display to display a recommending special area in a content display area; the recommendation special area comprises at least one recommendation position, wherein the recommendation position is used for displaying description information of a recommended media asset, and page links of the recommended media asset are configured in the description information;

Responding to a link triggering operation of a first target recommendation bit in the recommendation special area, adding a third tag page in the tag column, and setting a recommendation bit identification for the third tag page; the recommendation bit identification is used for indicating recommendation bits of tag page mapping;

and controlling a display to display the page content of the third tab page in the content display area according to the page link contained in the first target recommendation bit.

In some embodiments, the controller is further configured to:

responding to an operation instruction for closing a fourth tab page, and detecting whether the fourth tab page has the recommended bit identification;

If the fourth tab page does not have the recommendation bit identification, deleting the fourth tab page from the tab bar;

if the fourth tab page has the recommended bit identification, acquiring page browsing parameters of the fourth tab page; the page browsing parameters comprise page rolling height and total height of the loaded area of the page;

And deleting the fourth tab page from the tab bar after storing the corresponding relation between the recommended bit identification of the fourth tab page and the page browsing parameter.

In some embodiments, the controller is further configured to:

Inquiring a second target recommendation position in response to an operation instruction for displaying a preset homepage; the second target recommendation bit refers to a recommendation bit with a corresponding page browsing parameter in the current recommendation area;

Determining the page browsing progress of the target media resources recommended by the second target recommendation position according to the page browsing parameters corresponding to the second target recommendation position;

and controlling a display to display the page browsing progress of the target media asset in the second target recommendation position.

In some embodiments, the controller is further configured to:

responding to a link triggering operation of a third target recommendation bit in the recommendation special area, and adding a fifth tag page in the tag column;

If the third target recommendation position is queried to have the corresponding page browsing parameters, determining the historical browsing progress of the media resource recommended by the third target recommendation position according to the page browsing parameters corresponding to the third target recommendation position;

Automatically adjusting the page content of the fifth tab page displayed in the content display area to a position corresponding to the historical browsing progress;

and responding to an operation instruction for closing the fifth tab page, and updating the page browsing parameters corresponding to the third target recommendation bit.

An embodiment of a second aspect provides a browser page display method in a display device, the method including:

Responding to an operation instruction for starting the browser application, and displaying a browser application interface; the browser application interface comprises a tag column and a content display area, wherein the tag column at least comprises a tag page, and the content display area is used for displaying page contents of active tag pages;

Detecting that the focus moves to an inactive target tab page, displaying a preview window in the content display area, and displaying a page content image of the target tab page and the focus of the control device in the preview window;

and closing the preview window in response to the page switching operation input based on the preview window, and displaying the page content of the active target tab page in the content display area.

Other implementations of the second aspect may refer to the foregoing first aspect adaptively, and are not described herein.

After the display device starts the browser application, a tab bar is displayed, the tab bar comprises at least one tab page, the display device detects the position of a focus of a control device in a browser application interface, if the focus of the control device is detected to be moved to a target tab page, and the target tab page is of an inactive tab page type, a preview mode of the target tab page is entered, namely a preview window is displayed, page contents of the target tab page are displayed in the preview window, so that a user can know page contents of the target tab page, browsing progress and other information, and the focus is also displayed in the preview window, so that the user can move the focus in the preview window, an operation instruction is input, controllability of the preview window is realized, the user can switch page operations based on the preview window input, namely the user needs to switch the target tab page to an active state, the preview window is closed, the preview mode is exited, page contents of the target tab page which are switched to the active state are displayed in a content display area, the page contents of the inactive tab page are known by the user in the preview mode are realized, the page contents of the target tab page are fast positioned and the interesting tab page are cut in, and browsing efficiency of the user and use of the browser are improved.

Drawings

FIG. 1 illustrates an operational scenario between a display device and a control apparatus 100 in some embodiments;

Fig. 2 shows a hardware configuration block diagram of the control apparatus 100 in some embodiments;

FIG. 3 shows a block diagram of the hardware configuration of display device 200 in some embodiments;

FIG. 4 illustrates a software configuration diagram in display device 200 in some embodiments;

FIG. 5 illustrates a schematic diagram of a first browser application interface in some embodiments;

FIG. 6 illustrates a first change schematic of a browser application interface when a user presets a homepage search in some embodiments;

FIG. 7 illustrates a second change schematic of a browser application interface when a user presets a homepage search in some embodiments;

FIG. 8 illustrates a change schematic of a browser application interface when a user closes a tab in some embodiments;

FIG. 9 illustrates a schematic diagram of a change in browser application interface when the focus of control device 100 in some embodiments falls on a tabbed page;

FIG. 10 illustrates a schematic diagram of a change in browser application interface when the focus of control device 100 in some embodiments falls on a tab page in an inactive state;

FIG. 11 illustrates a second schematic diagram of a change in browser application interface when the focus of the control device 100 in some embodiments falls on a tab page in an inactive state;

FIG. 12 illustrates a third schematic diagram of a change in browser application interface when the focus of the control device 100 in some embodiments falls on a tab page in an inactive state;

FIG. 13 illustrates a fourth schematic diagram of a change in browser application interface when the focus of control device 100 in some embodiments falls on a tab page in an inactive state;

FIG. 14 illustrates a fifth change schematic of a browser application interface when the focus of the control device 100 in some embodiments falls on a tab page in an inactive state;

FIG. 15 illustrates a change schematic diagram of a browser application interface after a user adjusts the position of the second focus in the preview window 54 and triggers a close preview operation in some embodiments;

FIG. 16 illustrates a schematic diagram of the positioning principle of the second focus in the preview window in some embodiments;

FIG. 17 illustrates a flow diagram of a first browser page display method in some embodiments;

FIG. 18 illustrates an updated view of a content display area when focus in some embodiments is on a preview window;

FIG. 19 illustrates an updated schematic view of a content display area when focus is not in a preview window in some embodiments;

FIG. 20 illustrates a flow diagram of a second browser page display method in some embodiments;

FIG. 21 illustrates a schematic diagram of a browser preset homepage in some embodiments;

FIG. 22 illustrates a schematic diagram of closing a media asset recommendation at a preset home page in some embodiments;

FIG. 23 illustrates a schematic diagram of a prompt pop-up window displayed after closing a media asset recommendation at a preset home page in some embodiments;

FIG. 24 illustrates a second schematic diagram of a browser preset homepage in some embodiments;

FIG. 25 illustrates a third schematic diagram of a browser preset homepage in some embodiments;

FIG. 26 illustrates a schematic diagram of automatically locating page content according to historical browsing progress when a recommended media asset link is opened on a preset home page in some embodiments.

Detailed Description

For the purposes of making the objects and embodiments of the present application more apparent, an exemplary embodiment of the present application will be described in detail below with reference to the accompanying drawings in which exemplary embodiments of the present application are illustrated, it being apparent that the exemplary embodiments described are only some, but not all, of the embodiments of the present application.

It should be noted that the brief description of the terminology in the present application is for the purpose of facilitating understanding of the embodiments described below only and is not intended to limit the embodiments of the present application. Unless otherwise indicated, these terms should be construed in their ordinary and customary meaning.

The terms first, second, third and the like in the description and in the claims and in the above-described figures are used for distinguishing between similar or similar objects or entities and not necessarily for describing a particular sequential or chronological order, unless otherwise indicated. It is to be understood that the terms so used are interchangeable under appropriate circumstances.

The terms "comprises," "comprising," and "having," and any variations thereof, are intended to cover a non-exclusive inclusion, such that a product or apparatus that comprises a list of elements is not necessarily limited to all elements explicitly listed, but may include other elements not expressly listed or inherent to such product or apparatus.

The display device provided by the embodiment of the application can have various implementation forms, for example, a television, an intelligent television, a laser projection device, a display 260 (monitor), an electronic whiteboard (electronic bulletin board), an electronic desktop (electronic table) and the like. Fig. 1 and 2 are specific embodiments of a display device of the present application.

Fig. 1 is a schematic diagram of an operation scenario between a display device and a control apparatus 100 according to an embodiment. As shown in fig. 1, a user may operate the display device 200 through the smart device 300 or the control apparatus 100.

In some embodiments, the control apparatus 100 may be a remote controller, and the communication between the remote controller and the display device includes infrared protocol communication or bluetooth protocol communication, and other short-range communication modes, and the display device 200 is controlled by a wireless or wired mode. The user may control the display device 200 by inputting user instructions through keys on a remote control, voice input, control panel input, etc. Alternatively, the control device 100 may be a mouse, and the mouse and the display device may be connected by a wired or wireless manner.

In some embodiments, a smart device 300 (e.g., mobile terminal, tablet, computer, notebook, etc.) may also be used to control the display device 200. For example, the display device 200 is controlled using an application running on a smart device.

In some embodiments, the display device may receive instructions not using the smart device or control device described above, but rather receive control of the user by touch or gesture, or the like.

In some embodiments, the display device 200 is also in data communication with a server 400. The display device 200 may be permitted to make communication connections via a Local Area Network (LAN), a Wireless Local Area Network (WLAN), and other networks. The server 400 may provide various contents and interactions to the display device 200. The server 400 may be a cluster, or may be multiple clusters, and may include one or more types of servers.

Fig. 2 shows a block diagram of a configuration of the control apparatus 100 according to an exemplary embodiment in some embodiments. As shown in fig. 2, the control device 100 includes a controller 110, a communication interface 130, a user input/output interface 140, a memory, and a power supply. The control apparatus 100 may receive an input operation instruction of a user and convert the operation instruction into an instruction recognizable and responsive to the display device 200, and function as an interaction between the user and the display device 200.

In some embodiments, as shown in fig. 3, the display apparatus 200 includes at least one of a modem 210, a communicator 220, a detector 230, an external device interface 240, a controller 250, a display 260, an audio output interface 270, a memory, a power supply, and a user interface.

In some embodiments the controller includes a processor, a video processor, an audio processor, a graphics processor, RAM, ROM, a first interface for input/output to an nth interface.

The display 260 includes a display screen component for presenting a picture, and a driving component for driving an image display, a component for receiving an image signal from the controller output, displaying video content, image content, and a menu manipulation interface, and a user manipulation UI interface.

The display 260 may be a liquid crystal display 260, an OLED display 260, a projection display 260, or a projection device or screen.

The communicator 220 is a component for communicating with external devices or servers according to various communication protocol types. For example: the communicator may include at least one of a Wifi module, a bluetooth module, a wired ethernet module, or other network communication protocol chip or a near field communication protocol chip, and an infrared receiver. The display apparatus 200 may establish transmission and reception of control signals and data signals with the control device 100 or the server 400 through the communicator 220.

A user interface, which may be used to receive control signals from a control device 100 (e.g., an infrared remote control, a mouse, etc.).

The external device interface 240 may include, but is not limited to, the following: high Definition Multimedia Interface (HDMI), analog or data high definition component input interface (component), composite video input interface (CVBS), USB input interface (USB), RGB port, or the like. The input/output interface may be a composite input/output interface formed by a plurality of interfaces.

The controller 250 controls the operation of the display device and responds to the user's operations through various software control programs stored on the memory. The controller 250 controls the overall operation of the display apparatus 200. For example: in response to receiving a user command to select a UI object to be displayed on the display 260, the controller 250 may perform an operation related to the object selected by the user command.

In some embodiments the controller includes at least one of a central processing unit (Central Processing Unit, CPU), a video processor, an audio processor, a graphics processor (Graphics Processing Unit, GPU), RAM Random Access Memory, RAM), ROM (read-only memory, ROM), first to nth interfaces for input/output, a communication bus (bus), and the like.

The user may input a user command through a Graphical User Interface (GUI) displayed on the display 260, and the user input interface receives the user input command through the Graphical User Interface (GUI). Or the user may input the user command by inputting a specific sound or gesture, the user input interface recognizes the sound or gesture through the sensor, and receives the user input command.

A "user interface" is a media interface for interaction and exchange of information between an application or operating system and a user, which enables conversion between an internal form of information and a user-acceptable form. A commonly used presentation form of a user interface is a graphical user interface (Graphic User Interface, GUI), which refers to a graphically displayed user interface that is related to computer operations. It may be an interface element such as an icon, a window, a control, etc. displayed in a display screen of the electronic device, where the control may include a visual interface element such as an icon, a button, a menu, a tab, a text box, a dialog box, a status bar, a navigation bar, a Widget, etc.

In some embodiments, as shown in fig. 4, the system of the display device is divided into three layers, an application layer, a middleware layer, and a hardware layer, respectively, from top to bottom.

In some embodiments, the application layer mainly comprises common applications on the television, and an application framework (Application Framework), wherein the common applications are mainly applications developed based on browser, such as: HTML5 APPs; a native application (NATIVE APPS);

in some embodiments, the application framework (Application Framework) is a complete program model that has all the basic functions required by standard application software, such as: file access, data exchange, and the interface for the use of these functions (toolbar, status column, menu, dialog box).

In some embodiments, the native application (NATIVE APPS) may support online or offline, message pushing, or local resource access.

In some embodiments, the middleware layer includes middleware such as various television protocols, multimedia protocols, and system components. The middleware can use basic services (functions) provided by the system software to connect various parts of the application system or different applications on the network, so that the purposes of resource sharing and function sharing can be achieved.

In some embodiments, the hardware layer mainly includes a HAL interface, hardware and a driver, where the HAL interface is a unified interface for all television chips to interface, and specific logic is implemented by each chip. The driving mainly comprises: audio drive, display drive, bluetooth drive, camera drive, WIFI drive, USB drive, HDMI drive, sensor drive (e.g., fingerprint sensor, temperature sensor, pressure sensor, etc.), and power supply drive, etc.

In some embodiments, for devices that are the same as or similar to the hardware and software structures of the aforementioned display device, a browser application may be installed, and a user may enter the application center and click on a browser icon control to launch the browser application. Referring to the browser application interface illustrated in fig. 5, the browser application interface includes a tab 51, a website 52, a content display area 53, and related functionality controls, where the functionality controls include, but are not limited to, tool controls, setup controls, favorites controls, preset home controls, print controls, and the like.

In some embodiments, referring to fig. 5, the tab 51 may be disposed at a designated location of the browser application interface, for example, above the browser application interface, where the tab 51 includes at least one tab page and an add control 511, and the user may open a new tab page P by clicking the add control 511 through the control device 100 (e.g., a remote controller, a mouse, etc.), i.e., adding one tab page P at the end of the tab 51, where the tab page P is, for example, a preset homepage preset by the browser application or a tab page collected by the user.

In some embodiments, the tab page includes two states, one being an active state and the other being an inactive state, the active state indicating that the tab page is currently being displayed, the inactive state indicating that the tab page is in an open state but not currently being displayed. The web site column 52 is for displaying the web site of the tab page currently in the active state, and the content display area 53 is for displaying the page content of the tab page currently in the active state. The tab page in the active state is named "active tab page" and the tab page in the inactive state is named "inactive tab page" in the present application.

In some embodiments, referring to fig. 5, after the browser application is started, the initialized tab 51 may include a tab 1 corresponding to a preset homepage (or navigation page), where the preset homepage is an active tab (the tab is shown as gray in the drawing), so that the content display area 53 displays preset homepage contents, where the preset homepage contents include, but are not limited to, a search column 531 corresponding to a search engine associated with the preset homepage, a hot search resource, a recommended resource, and the like. The user can input a keyword in the search field 531 and click on the search control 532 by the control apparatus 100, and page content matching the keyword is displayed in the content display area 53.

In some embodiments, referring to fig. 6, assuming that the keyword input by the user in the search field 531 of the preset homepage is "popular song" and the search control 532 is clicked by the control device 100, the tab page 1 is not newly added, but the current tab page 1 is replaced by the preset homepage to the search page of the popular song, that is, the search result of the popular song is displayed in the content display area 53, and the tab page 1 remains in an active state.

In some embodiments, referring to fig. 7, assuming that a keyword input by a user in a search field 531 of a preset homepage is "popular song" and a search control 532 is clicked by the control device 100, a tab page 2 is newly added next to a tab page 1 corresponding to the preset homepage, and the tab page 2 is in an active state, the tab page 1 is switched to an inactive state, and a search result for the popular song is displayed in the content display area 53.

In some embodiments, under the active tab page 3, a user clicks on any resource link in the content display area 53, and then adds a tab page 4 next to the tab page 3, where the tab page 4 corresponds to a web page corresponding to the resource link, and the tab page 4 presents an active state, the tab page 3 presents an inactive state, and the content corresponding to the resource link is displayed in the content display area 53, so as to implement automatic page skipping.

In some embodiments, as shown in fig. 8, a close control 512 is provided on each tab page, and when the user clicks the close control 512 on any tab page by the control device 100, the tab page is automatically closed. In the example of fig. 8, tab page 1, tab page 2, and tab page 3 are sequentially included on tab bar 51, and if the user clicks the close control 512 on tab page 2 in the second position, tab page 2 is deleted from tab bar 51, the number of tab pages in tab bar 51 is reduced to 2, wherein tab page 3 moves to the second position in tab bar 51, and tab page 3 assumes an active state. For another example, if the user clicks the close control 512 on the last tab page 3, the tab page 3 is deleted from the tab bar 51, the tab page 1 and the tab page 2 are not placed in the tab bar, and the tab page 2 is in an active state.

In some embodiments, if there is only one tab page 1 on tab field 51, the browser application interface may be closed if the user clicks on the close control 512 on tab page 1, leaving tab field 51 free of tab pages.

In some embodiments, a user may perform an operation in a browser application through the control device 100, for example, the control device 100 is a remote controller, a mouse, or the like, and after the control device 100 is connected to the display device, when the user uses the control device 100, the display device synchronously displays a focus of the control device 100, where the focus may represent a position of interest when the user browses a web page, and the user may input an operation instruction by adjusting a relative position of the focus in a browser application interface and cooperating with a key on the control device 100. For example, the user moves the focus of the mouse to the resource link 1, and then clicks the left button of the mouse, so that the browser application jumps to the webpage corresponding to the resource link 1; for another example, the user moves the remote control focus on tab page 2 of tab bar 51 and then clicks the OK key of the remote control, and the browser application switches tab page 2 to the active state.

In some embodiments, referring to the example of fig. 9, when the controller 250 detects that the focus of the control device 100 is moved onto a target tab page, which may be an active tab page or an inactive tab page, an information prompt box 61 is displayed below the target tab page, the information prompt box 61 being used to display page information of the target tab page, including, but not limited to, a web page name, web address, etc. In this embodiment, if the target tab page is an inactive tab page, the user can only understand the basic page information of the target tab page through the information prompt box 61, and cannot view the page content included in the target tab page, taking the control device 100 as an example, the user must click the left mouse button after the mouse focus falls on the target tab page, and switch the target tab page to an active state, so that the user can view the page content of the target tab page in the content display area 53, and the use is inconvenient.

In some embodiments, as shown in fig. 10, when the focus of the control device 100 falls on the tab page 1 in the inactive state, the preview window 54 corresponding to the tab page 1 is displayed in the content display area 53, the page content image of the tab page 1 is displayed in the preview window 54, and may be a still image or a moving image, if the tab page 1 is a video playing page, video may be loaded in the preview window 54, but the preview window 54 is not supported by the user, that is, the preview window 54 only provides a preview of the page content and the browsing position of the tab page, after the user leaves the tab page 1, the user needs to switch the tab page 1 to the active state again, so that the tab page 1 can be returned, and after the user leaves and returns to the tab page 1, the page content and the browsing position displayed in the content display area 53 remain unchanged, and after the user returns to the tab page 1, the control device 100 needs to be operated again in the content display area 53, so that the user is not to use the user.

In some embodiments, when the focus of the control apparatus 100 falls on the target tab page in the inactive state, the preview window 54 is displayed under the target tab page, referring to the example of fig. 11, the tab bar 51 currently includes 4 tab pages, sequentially in the order of tab page 1, tab page 2, tab page 3, and tab page 4, where tab page 3 is in the active state, tab page 1, tab page 2, and tab page 4 are all in the inactive state, the user moves the first focus onto tab page 1, but does not switch tab page 1 to the active state, the preview window 54 is displayed under tab page 1, and the page content image corresponding to tab page 1 is displayed in the preview window 54. The width and height of the preview window 54 may be preset, that is, the size of the preview window 54 corresponding to different tab pages is consistent, and only the displayed page content images are different.

In some embodiments, referring to the coordinate system xoy constructed in fig. 11, a reference point (x _i,y_i) may be selected on the preview window 54, where i represents the number of label pages arranged on the label column 51, for example, the number 1 of label page 1 in fig. 11, the number 3 of label page 3, 1+.i+.n, N represents the total number of label pages on the label column 51, and as long as the coordinates (x _i,y_i) of the reference point are determined, and knowing the size of the preview window 54, the display position of the preview window 54 corresponding to each label page can be precisely located.

In some embodiments, the reference point (x _i,y_i) may be any point on the preview window 54 corresponding to the ith label page, such as a vertex, a center point, a point on a boundary line, and so on, for the coordinate system xoy illustrated in fig. 11, the top left vertex of each preview window 54 is selected as the reference point for calculation, and since the focus moves on a different label page, only the preview window 54 is moved in the x-axis direction, and there is no change in the y-axis direction, so y ₁＝y₂＝…y_i＝…＝y_N,x_i = (i-1) ×w is satisfied. Wherein, w is the width occupied by the label pages in the label column, w is not a fixed value, and because the width of the label column 51 in the x-axis direction is fixed, when the total number N of the label pages in the label column 51 exceeds the number threshold, the width of each label page is automatically compressed, so that w starts to be reduced from the preset width w ₀, and the label column 51 can accommodate more label pages; when the total number of tab pages N in the tab field 51 is greater than the number threshold, w increases as the total number of tab pages N decreases until the total number of tab pages N falls below or equal to the number threshold, and w returns to the preset width w ₀.

In some embodiments, in the coordinate system xoy illustrated in fig. 11, the x-axis coincides with the bottom edge of the tag field 51, and the ordinate y _i of the reference point characterizes the distance between the upper boundary line of the preview window 54 and the bottom edge of the tag field 51, where y _i is set to a fixed value greater than or equal to 0; the abscissa x _i of the reference point represents the distance between the left boundary line of the preview window 54 and the first position 51A of the tag column 51, where the first position 51A is the leftmost end of the tag column 51 in the example of fig. 11, and x _i is calculated according to the serial number i of the tag page where the focus is located and the width w of the current tag page, so as to realize dynamic adaptive positioning of the preview window 54.

In some embodiments, since the page content of the active tab page is being displayed in the content display area 53 and the page content of the inactive tab page is not, the preview window 54 corresponding to the inactive tab page may be displayed only when the focus of the control apparatus 100 is on the inactive tab page; if the focus is on the active tab page, the preview window 54 is not displayed, and the page content loaded in the content display area 53 is displayed.

In some embodiments, the display device detects that the focus moves to the target tab page, determines whether the target tab page is an active tab page, and if the target tab page is an active tab page, the display device controls the display 260 to display the page content of the target tab page in the content display area 53, that is, does not execute the foregoing programs such as the calculation reference point (x _i,y_i) and the display preview window 54; if the target tab page is an inactive tab page, the sequence number and width of the target tab page are queried, and the display 260 is controlled to display the corresponding preview window 54 according to the calculated reference point coordinates, preview window size, and page content image of the target tab page.

In some embodiments, referring to the example of fig. 11, when the tab page 1 is in an inactive state and the user moves the focus of the control device 100 onto the tab page 1, since the tab page 1 is located at the first order of the tab bar 51, i.e., i=1, the coordinate (x ₁,y₁) of the reference point is (0, 0), the upper boundary line of the preview window 54 corresponding to the tab page 1 coincides with the bottom edge of the tab bar 51, and the left boundary line of the preview window 54 is aligned with the left end of the tab bar 51.

In some embodiments, if the total number N of tab pages of the tab bar 51 is greater than or equal to the number threshold, corresponding to the width of the tab bar 51 being occupied by tab pages, referring to the example of fig. 12, the tab page P is arranged at the last order of the tab bar 51, the reference point coordinates are (W ₁-W₂, 0), where W ₁ is the tab bar width and W ₂ is the preset width of the preview window; or if the top right vertex of the preview window is selected as the reference point, the reference point coordinates are (W ₁, 0). By the calculation method of this embodiment, when the total number N of tab pages in the tab bar 51 is greater than or equal to the number threshold, the upper boundary line of the preview window 54 corresponding to the last tab page is overlapped with the bottom edge of the tab bar 51, and the right boundary line of the preview window 54 is aligned with the right end of the tab bar 51.

In some embodiments, referring to sub-graph (a) in fig. 13, in a scenario where the content display area 53 keeps displaying the page content of the tab page 3 in an active state, and the preview window 54 corresponding to the tab page 2 in an inactive state is located and displayed by the reference point, if the display device receives a window focus display operation input by the user through the control apparatus 100, in order to facilitate distinction, the focus of the control apparatus 100 before the display device receives the window focus display operation is named as "first focus", the focus of the control apparatus 100 displayed after the window focus display operation is named as "second focus", and then, as in UI change presented in sub-graph (b) in fig. 13, the display device controls the display 260 to hide the first focus 55 and suspend the control function of the first focus 55, and generates the second focus 56 mapped to the preview mode of the tab page 2, establishes the second focus 56 to be in control association with the control apparatus 100, and starts the control function of the second focus 56. The display device receives the window focus display operation and controls the display 260 to display the second focus 56 at an initial position of the preview window 54, for example, at the center of the preview window 54, after which the user can operate the control apparatus 100 to adjust the relative position of the second focus 56 in the preview window 54.

In some embodiments, the window focus display operation is not limited, and if the control device 100 is a remote controller, the window focus display operation may be a click operation on a first key on the remote controller, for example, in a preview mode of a tab page, the first key is preset as a "channel+" key; if the control device 100 is a mouse, the window focus display operation may be a specific operation on a mouse button and/or a wheel, for example, the window focus display operation is preset to slide the mouse wheel downward.

In some embodiments, the screen resolution may be scaled down in a first preset ratio to obtain the width and height of the preview window 54, implementing that the preview window 54 has the same aspect ratio as the screen, and scaling down the first focus 55 in a first preset ratio based on the size of the first focus 55 to determine the display size of the second focus 56.

In some embodiments, the content display area 53 may also be scaled down according to a second preset ratio to obtain the width and the height of the preview window 54, to achieve that the preview window 54 and the content display area 53 have the same aspect ratio, and the first focus 55 is scaled down according to the second preset ratio based on the size of the first focus 55, so as to determine the display size of the second focus 56.

In some embodiments, referring to sub-graph (a) of fig. 14, the user moves the second focus 56 through the control device 100, and after moving the second focus 56 to the first position in the preview window 54, inputs a page switching operation, which is not limited to clicking an OK key or clicking a left mouse key on the remote controller, etc., through the control device 100, the page switching operation corresponding to an operation of confirming the second focus position and confirming a switching page; then, as shown in sub-view (b) of fig. 14, the preview window 54 is closed, the display and control function of the second focus 56 is canceled, the tab page 2 is switched to the active state, the tab page 3 is switched to the inactive state, the content display area 53 is controlled to display the page content corresponding to the tab page 2, and, based on the first position of the second focus 56 in the preview window 54, the second position mapped in the content display area 53 by the first position is calculated, the first focus 55 is displayed at the second position, and the control function of the first focus 55 is restored.

The foregoing embodiment is that when the display device displays the preview window 54, the window focus display operation is received, the second focus 56 is displayed in the preview window 54, and the controllable mode of the preview window 54 through the second focus 56 is entered. In other embodiments, the display device may also be configured to automatically generate the second focus 56 when the preview window 54 is displayed, display the second focus 56 at a default initial position on the preview window 54, activate the control function of the second focus 56, hide the first focus 55, and close the control function of the first focus 55.

In some embodiments, referring to sub-graph (a) in fig. 15, the tab bar 51 includes 4 tab pages, where tab page 3 is in an active state, tab page 1, tab page 2, and tab page 4 are all in an inactive state, the user moves the focus of the control device 100 to tab page 2, the content display area 53 still keeps displaying the page content of tab page 3, and the preview window 54 corresponding to tab page 2 is located and displayed by the reference point, in which case the display device, if receiving a close preview operation input by the user through the control device 100, controls the display 260 to close the preview window 54 corresponding to tab page 2, i.e., exit the preview mode for tab page 2 by triggering the close preview operation, as in UI change presented by sub-graph (b) in fig. 15.

In some embodiments, the closing preview operation is not limited, and if the control apparatus 100 is a remote controller, the closing preview operation may be a clicking operation on a second key on the remote controller, for example, in a preview mode of a tab page, the second key is preset as a "channel-" key; if the control device 100 is a mouse, the closing preview operation may be a specific operation on a mouse button and/or a wheel, for example, the closing preview operation is preset to slide the mouse wheel upward.

In some embodiments, when the display device displays the preview window 54 corresponding to the tab page a, the preview window 54 may be closed when a closing preview operation is received, or in a scenario in which a window focus display operation is not received, that is, the second focus 56 is not generated, if the first focus 55 is detected to be moved away from the tab page a, the preview window 54 corresponding to the tab page a is automatically closed wherever the first focus 55 is moved.

In some embodiments, the display device may initiate a screen capture function in response to an operation instruction to switch from tab page a to tab page B, i.e., when the user wants to leave tab page a, capture a screen image before tab page a transitions to an inactive state, close the screen capture function after the screen image capture and storage are completed, and switch to a new tab page B. The screen image contains the page content of the tab page A, and the display device acquires the page content image of the tab page A according to the screen image.

In some embodiments, the screen image may be selected directly as the page content image of the corresponding tabbed page, or the display device may also make appropriate edits to the screen image, such as cropping out areas of the screen image that are not related to the page content of the tabbed page, to obtain the page content image.

In some embodiments, after obtaining the page content image, the display device stores the page content image in the memory, and records a tag page identifier corresponding to the page content image, where the tag page identifier may be information such as a serial number, a web page name, a web address, and the like of the tag page, so as to identify the tag page, so that when the display device displays the preview window 54 corresponding to the target tag page, the display device retrieves, according to the identifier of the target tag page, the target page content image corresponding to the identifier in the memory, and loads and displays the target page content image in the preview window 54.

In some embodiments, after the browser application is started, the display device may create a tag array, where a correspondence between a tag page identifier and a storage address of a page content image may be recorded in the tag array, and when the display device displays the preview window 54 corresponding to the target tag page, the display device queries, according to the identifier of the target tag page, a target storage address corresponding to the identifier in the tag array, and reads the target page content image stored in the target storage address.

In some embodiments, the display device responds to the operation instruction of switching from the tab page a to the tab page B, if it is queried that the tab page a is a preset homepage, the screen capturing function may not be started, the display device switches to the tab page B directly, and the storage address corresponding to the tab page a is recorded as a preset special character string in the tab data. When the display device displays the preview window 54 corresponding to the target tab page, if the target storage address corresponding to the target tab page is searched in the tab array as the preset special character string according to the identifier of the target tab page, the preset homepage image is loaded and displayed in the preview window 54.

In some embodiments, the display device may employ an img tab for instructing the browser application to display the page content image in the preview window 54, where the img tab is in a format such as < img src = ">, where src is one of the attributes of the tab for indicating the image source, src may be configured as content of an image identifier, an image storage address, etc., the img tab may also include other types of attributes such as an image width, an image height, a title, etc., the display device may configure the image width to be equal to the width of the preview window 54, and the image height to be equal to the height of the preview window 54; wherein the header may be used to indicate that the second focus 56 hovers over the page content image, describing the prompt information to be displayed within the box.

In some embodiments, the display device may display the preview window 54 using an iframe tag, where the iframe tag may implement nesting of HTML sub-pages in the HTML preset main page, the HTML sub-pages may be a functional page (for example, preview window), and when the first focus 55 of the control device 100 is transferred on the tab page of the tab bar 51, by the aforementioned reference point positioning manner, translating the iframe along the x-axis direction, the same preview window is implemented to move along with the conversion of the tab page, and the iframe tag does not need to capture a screen and occupy memory to store the page content image, but by the current loading manner, the content of the tab page is immediately loaded and displayed in the preview window 54, so as to implement replacement update of the display content of the preview window 54.

In some embodiments, the display device responds to an operation instruction for closing the tab page C to query whether the tab page C is a preset homepage, if the tab page C is the preset homepage, deleting the identifier of the tab page C and the corresponding preset special character string in the tab array, and changing the serial number of the tab page arranged behind the tab page C, namely subtracting one from the serial number; it is necessary to delete the tab page C on the tab bar 51 at the UI level and dynamically adjust the display position of the tab page after the tab page C on the tab bar 51, i.e., simultaneously move forward by one order bit.

In some embodiments, the display device responds to an operation instruction for closing the tab page C, if it is queried that the tab page C is not a preset homepage, then deleting the identifier and the corresponding storage address of the tab page C in the tab array, updating the serial number of the tab page arranged after the tab page C, and deleting the page content image stored in the storage address corresponding to the tab page C, so as to reduce the consumption of the storage resource by the invalid page content image, delete the tab page C on the tab column 51, and dynamically adjust the display position of the tab page after the tab page C on the tab column 51.

In some embodiments, fig. 16 illustrates the principle of positioning the second focus 56 in the preview window 54, and referring to fig. 16, the width of the preview window 54 is set to W ₂, the heights of the preview window 54 are set to H ₂,W₂ and H ₂ may be preset fixed values, and referring to the aforementioned reference point positioning method, taking the upper left vertex of the preview window 54 as the reference point, the coordinates of the reference point of the preview window 54 are set to (x _i,y_i), and the second focus coordinates are set to (x _i-2,y_i-2), thereby calculating the positioning parameters of the second focus 56.

In some embodiments, the positioning parameters of the second focus 56 include a first ratio a and a second ratio b, wherein the first ratio a is used to characterize the relative position of the second focus 56 in the width (x-axis) direction of the preview window 54, a= (x _i-2-x_i)/W₂), and the second ratio b is used to characterize the relative position of the second focus 56 in the height (y-axis) direction of the preview window 54, b= (y _i-2-y_i)/H₂. In the preview mode of the tab page, the user moves the control device 100, or clicks a direction key on the control device 100, the coordinates (x _i-2,y_i-2) of the second focus 56 may be changed, and the UI synchronization updates the relative position of the second focus 56 in the preview window 54, so both the first ratio a and the second ratio b are variables.

In some embodiments, referring to fig. 16, the movable area of the second focus 56 is constrained on the boundary line of the preview window 54 and inside the bounding box, and if the controller 250 detects that the second focus 56 moves to a certain boundary line in the a direction, it receives an operation instruction from the user to continue to move the second focus in the a direction, and then controls the display so that the second focus 56 does not move in the a direction, allowing the second focus 56 to move in a direction opposite to the a direction. For example, for the preview window 54 corresponding to the tab page i with the sequence number i, the controller 250 detects that the second focus 56 has the same abscissa as the right boundary line of the preview window 54, i.e., x _i-2＝x_i+W₂, indicating that the second focus 56 moves to the right boundary line of the preview window 54, and to avoid the second focus 56 moving right away from the preview window 54, the controller controls the second focus 56 not to move right but allows the second focus 56 to move left.

In some embodiments, referring to sub-graph (b) of fig. 16, if the page content image and the preview window 54 corresponding to the tab page i are obtained by shrinking according to the first preset ratio on the basis of the screen resolution, the controller 250 controls the display 260 to cancel the second focus 56 in response to the page switching operation, switch the tab page i to the active state, and after displaying the page content of the tab page i in the content display area 53, calculate the coordinate (x ₀,y₀) of the display position of the first focus 55 on the screen according to the positioning parameter and the screen resolution of the second focus 56 calculated after receiving the page switching operation, and set the screen resolution to W ₀*H₀, where W ₀ represents the screen width, H ₀ represents the screen width, and x ₀＝a*W₀,y₀＝b*H₀-H_k,H_k represents the distance between the x axis and the upper boundary line of the screen in the xoy coordinate system illustrated in fig. 16, and H _k is a preset fixed value. The embodiment realizes fast tab page switching in the preview mode, and automatically positions the display position (i.e. the second position) of the first focus 55 after entering the tab page according to the first position of the second focus 56 in the preview window 54, thereby improving the page browsing efficiency.

In some embodiments, if the page content image corresponding to the tab page i and the preview window 54 are obtained by shrinking according to the second preset ratio based on the content display area 53, and the width of the content display area 53 is W ₃ and the height of the content display area 53 is H ₃, x ₀＝a*W₃,y₀＝b*H₃ is satisfied for the xoy coordinate system illustrated in fig. 16.

As shown in fig. 17, some embodiments of the present application provide another browser page display method, which is executed by the controller 250, including the following program steps:

in step S171, the display is controlled to display at least one tab page on the tab bar of the browser application interface.

In step S172, it is detected that the first focus of the control device is moved onto the target tab page.

In step S173, it is determined whether the target tab page is an active tab page. If the target tab page is an active tab page, step S174 is executed; if the target tab page is an inactive tab page, step S175 is performed.

Step S174, the control display displays the page content of the target tab page in the content display area. The preview window is not displayed in this step scene.

In step S175, the display is controlled to display a preview window on the upper layer of the content display area, and a page content image of the target tab page is displayed in the preview window.

In some embodiments, in the scene of step S175, the content display area 53 may display or not display the page content of the current active tab page, and if the content display area 53 displays the page content of the active tab page, for example, the preview window 54 is displayed at the upper layer of the layer where the content display area 53 is located, so as to avoid the shielding of the preview window 54 by the page content of the active tab page, and ensure the visibility of the preview window 54.

In some embodiments, if the target tab page is an inactive tab page, coordinates of a reference point on the preview window may be calculated according to a sequence number and a width of the target tab page, so as to locate a display position of the preview window corresponding to the target tab page, and page content images corresponding to the target tab page are retrieved from the memory, and based on the size of the preview window, the width and the height of the page content images corresponding to the target tab page are adjusted, and then the page content images are loaded and displayed in the preview window.

Step S176, it is detected whether a window focus display operation is received. If the controller 250 does not receive the window focus display operation, but receives the close preview operation, step S177 is performed; if the controller 250 receives the window focus display operation, step S178 is performed.

In step S177, the control display closes the preview window. And displaying page contents corresponding to the current active tab page in the content display area under the scene of the step.

In step S178, the display is controlled to hide the first focus, and the control function of the first focus is suspended.

In step S179, a second focus of the control device is generated, and the second focus is displayed in the preview window, and a control function of the second focus is turned on.

Step S1710, after receiving the page switching operation and detecting that the second focus is at the first position in the preview window, closing the preview window, and canceling the display and control functions of the second focus.

In step S1711, a second location mapped by the first location in the content display area is acquired.

In step S1712, the display is controlled to display the page content of the active target tab page in the content display area, display the first focus at the second position, and turn on the control function of the first focus.

In a typical configuration of a browser application, when the focus of the control device 100 needs to be locked on the inactive tab page on the tab bar 51, the preview window 54 corresponding to the inactive tab page is continuously displayed, and once the focus leaves the inactive tab page, for example, the focus moves to the content display area 53, the preview window 54 is automatically closed, so that control functions such as moving the focus in the preview window, positioning the focus, and quickly entering the tab page cannot be realized by the control device 100.

In order to realize the controllability of the preview window 54, in the above embodiment, a first focus 55 and a second focus 56 are provided, where the first focus 55 is a main focus, and the user may adjust the position of the first focus 55 on the tab bar 51, and if the first focus 55 falls on the inactive tab page, the display of the preview window 54 is triggered; if the first focus 55 falls on the active tab page, the user may adjust the position of the first focus 55 in the content display area 53, thereby clicking on the resource link of interest, adjusting the browsing progress of the page content, etc., and the active area of the first focus 55 extends over the entire browser application interface. The second focus 56 is a secondary focus generated to adapt to the preview window 54, only one of the first focus 55 and the second focus 56 can be displayed and control functions are started, when the second focus 56 is displayed in the preview window 54, the first focus 55 is hidden (i.e. invisible), and the control functions of the first focus 55 are temporarily turned off, a user cannot adjust the first focus 55 through the control device 100, but directly acts on the second focus 56, and the movable area of the second focus 56 is limited to the preview window 54, when the preview window 54 is turned off, the second focus 56 is synchronously canceled, the display and control functions of the first focus 55 are restored, the user does not feel about the transition between the first focus 51 and the second focus 56, the controllability of the preview window 54 is realized, the movement of the focus in the preview window 54, the focus positioning, the quick cut-in of the web page associated with the preview window 54 is supported, and the progress position pointed by the first focus is automatically positioned based on the second focus position, so that the functions of the browser application are improved, and the page browsing efficiency and experience of the user are improved.

In some embodiments, if the preview window 54 is regarded as a control and is embedded in the display layer of the browser application interface under the premise of ensuring the visibility of the preview window 54, the second focus 56 may not be configured, but the preview window 54 is controlled and operated by the independent focus of the control device 100, where the active area of the focus is no longer limited to the preview window 54.

In some embodiments, referring to sub-graph (a) of fig. 18, when the display device detects that the focus of the control apparatus 100 moves onto the inactive tab page a, a preview window 54 corresponding to the tab page a is displayed in the content display area 53; referring to sub-graph (b) of fig. 18, the user may adjust the focus according to his own browsing requirement by the control device 100, obtain coordinates of four vertices of the preview window 533 by the aforementioned reference point positioning manner, thereby defining a coverage area of the preview window 54 in the content display area 53, detect whether the current position of the focus is located in the preview window 533 upon receiving the focus confirmation operation, calculate the first ratio a and the second ratio b according to the focus coordinates, the reference point coordinates of the preview window 54 and the size of the preview window 54 if the focus is located in the preview window 533, refer to sub-graph (c) of fig. 18, and then update the content in the content display area 53, that is, delete the preview window 54 from the content display area 53, and cause the content display area 53 to display page content corresponding to the tab page a, and automatically position the focus in the updated content display area 53 according to the first ratio a and the second ratio b.

In some embodiments, referring to sub-graph (a) of fig. 19, upon receipt of the focus confirm operation, it is detected that the focus is not within the preview window 54, for example, it is detected that the focus is on a link of "recommended similar video", referring to sub-graph (b) of fig. 19, a new tab page D is inserted after tab page C, tab page D is an active tab page, content update is performed on the content display area 53, that is, the preview window 54 is deleted from the content display area 53, and the content display area 53 is caused to load page content displaying the tab page D, the page content of the tab page D including video clip source information recommended to the user, and in this embodiment, the focus position does not change before and after update of the content display area 53.

In some embodiments, for the fig. 18 and 19 embodiments, a close control 541 mapped with the preview window 54 may also be provided in the content display area 53, and the close control 541 may be provided outside the boundary line of the preview window 54 to avoid a conflict between the close requirement of the preview window 54 and the focus positioning. The controller 250 controls the display to delete the preview window 54 from the content display area 53 in response to the click operation of the close control 541 or in response to the aforementioned close preview operation, the content display area 53 still keeps displaying the page content of the currently active tab page.

In some embodiments, if the user moves the focus from the inactive tab page E to the inactive tab page F, automatically closing the preview window one corresponding to the inactive tab page E and displaying the preview window two corresponding to the inactive tab page F; or moving the first preview window to a display position suitable for the inactive tab page F, and replacing the content displayed in the first preview window to enable the first preview window to display the page content image corresponding to the inactive tab page F. When the user moves the focus to the active tab page, the content display area 53 displays only the page content of the active tab page, and does not display the preview window. The control scheme of the preview of the tab page and the preview window is not limited to the foregoing embodiments.

As shown in fig. 20, some embodiments of the present application provide a browser page display method, which is executed by a controller 250, and includes the following program steps:

in step S201, the display is controlled to display the browser application interface in response to the operation instruction for starting the browser application.

The browser application interface comprises a tag field 51 and a content display area 53, wherein the tag field 51 at least comprises a tag page, and the content display area 53 is used for displaying page contents of the active tag page;

step S202, detecting that the focus of the control device moves to an inactive target tab page, and controlling the display to display a preview window in the content display area. The preview window 54 displays a page content image of the target tab page and a focus of the control device 100.

In some embodiments, the display position of the preview window 54 is located according to the rank order number and width of the target tab page.

In step S203, in response to the page switching operation based on the preview window input, a first position of the focus in the preview window is acquired, and then the preview window is closed.

Step S204, displaying the page content of the active target tab page in the content display area.

In step S205, a second position mapped in the content display area by the first position is acquired, and the focus is displayed at the second position.

In some embodiments, the browser typically has a recommendation function that displays recommended media assets to the user by analyzing user interests and preferences, including but not limited to news information, encyclopedia knowledge, video, audio, and the like. The user may set whether to start the recommendation function in the setting page of the browser application, if the browser application starts the recommendation function, referring to the preset homepage of the browser illustrated in fig. 21, a recommendation special area 57 is displayed in the content display area 53 of the preset homepage, the recommendation special area 57 includes at least one recommendation bit 571, the recommendation bit 571 is used to display description information of a media resource recommended to the user, the description information mainly includes a name, a point of view, a release time, an image and other contents of the recommended media resource, a web page link of the recommended media resource may be configured in the description information, the user clicks the description information of any media resource in the recommendation special area 57, and then the corresponding link may be triggered, then the tab bar 51 is controlled to newly add a tab page corresponding to the media resource in a subsequent position of the preset homepage tab page, the newly added tab page is set to an active state, and the page content of the tab page is displayed in the content display area 53. If the browser application turns off the recommendation function, the preset homepage does not display the recommendation area 57, i.e., media resources are not recommended to the user.

In some embodiments, a cancel recommendation control 571A is disposed in each recommendation bit 571, referring to the example of fig. 22, assuming that the user is not interested in the media 2 recommended by the recommendation bit 2 arranged in the second order bit, clicking the corresponding cancel recommendation control 571A by the control device 100 deletes the recommendation bit 2, and simultaneously raises the recommendation bit arranged after the recommendation bit 2 by one order bit, that is, the original recommendation bit 3 is raised to the second order bit in the recommendation special area 57, and the original recommendation bit 4 is raised to the third order bit in the recommendation special area 57, and so on.

In some embodiments, after the user clicks the cancel recommendation control 571A of the target recommendation bit, a prompt pop-up window 58 as illustrated in fig. 23 is displayed on the browser application interface, and the prompt pop-up window 58 displays prompt information for asking about "whether to close the recommended content", and the prompt pop-up window 58 further includes a confirm control 581, a cancel control 582, and a no-prompt control 583.

In some embodiments, if the user does not select the no-more-prompt control 583 and clicks the confirm control 581, the prompt pop-up 58 is closed, the target recommended bit is deleted in the recommended section 57, and the recommended bits ranked after the target recommended bit are simultaneously raised by one order, after which the user clicks the cancel recommended control 571A in one of the recommended bits again, and the prompt pop-up 58 is still popped up.

In some embodiments, if the user clicks the confirm control 581 after clicking on the no-more-prompt control 583, the prompt pop-up window 58 is closed, the target recommended bit is deleted in the recommendation area 57, and the recommended bits placed after the target recommended bit are simultaneously raised one sequence bit. If the user clicks the cancel recommendation control 571A in any recommendation bit again, the prompt popup 58 is not popped up all the time, but the recommendation bit is deleted directly.

In some embodiments, if the user clicks the cancel control 582, the prompt pop-up 58 is closed, leaving the target recommendation bit in the recommendation area 57.

In some embodiments, the recommendation area 57 may be set to a batch display mode, where the maximum number of displayable recommendation bits in a single batch in the recommendation area 57 is set to M (M is greater than or equal to 1), that is, the recommendation area 57 has an upper limit of the recommendation number, and the recommendation engine may distribute the description information of the media resources in the recommendation bits in the recommendation area 57 according to the high-low order of the recommendation scores, and if the user is not interested in M media assets currently recommended in the recommendation area 57, click on the next batch control 571B in the recommendation area 57, and the recommendation area 57 may replace another batch, that is, update the media assets recommended by the M recommendation bits.

In some embodiments, the display device may load description information of the media assets recommended by the Q recommendation bits in the recommendation area 57 first, and when it is detected that the user browses the Q recommendation bits, if the user wants to view more recommendations, a refresh operation is input through the control device 100, where the refresh operation is for example, the user slides a mouse wheel downward, or the user clicks a down key of the remote controller, and so on, the description information of the media assets recommended by the q+1 to 2Q recommendation bits is continuously loaded, and so on. Therefore, assuming that the number of recommended bits included in the recommended section 57 is P in this embodiment, p= (s+1) Q, where s represents the number of inputs of the refresh operation and Q represents the number of recommended bits per load.

In some embodiments, after the browser application starts the recommending function, after the user clicks the link of the target media asset recommended by the target recommending position at the preset homepage, the controller 250 responds to the operation instruction, and controls the display 260 to newly add a tab page corresponding to the target media asset on the tab field 51, and sets a recommending identifier for the newly added tab page, where the recommending identifier is used to indicate the target recommending position and/or the target media asset mapped by the tab page.

In some embodiments, the controller 250 queries whether the target tab page has a recommendation identifier in response to an operation instruction to close the target tab page, and if the target tab page does not have a recommendation identifier, it indicates that the target tab page is not a media page recommended by the preset homepage, so the target tab page is deleted on the tab field 51, and the tab page following the target tab page is turned up by one sequence bit; if the target tab page has the recommendation mark, acquiring page browsing parameters related to the target tab page, and acquiring the browsing progress of the target media resource according to the page browsing parameters.

In some embodiments, the page view parameters include a page scroll height (scrollTop) and an overall height of the loaded area of the page (CLIENTHEIGHT), where CLIENTHEIGHT represents the overall height of the loaded page content in the content display area 53, and scrollTop represents the height of the page scrolled upward relative to the initial position when the user adjusts the view position of the page content via the control device 100. For example, the user slides down the mouse wheel, the page scroll up state is presented on the user interface, so that the page contents that have been loaded but are not displayed in the contents display area 53 are made visible.

In some embodiments, the recommendation bit ID (recommendation bit identification) included in the recommendation identification of the target tab page may be used as a key, and the parameter values of the scrollTop and CLIENTHEIGHT may be used as a value, for example, the correspondence between the recommendation bit ID and the page browsing parameter may be stored in the memory in the format { recommendation bit ID: 'scrollTop, CLIENTHEIGHT' }. Wherein the recommendation bit ID has global uniqueness, i.e. when each recommendation bit is generated, a different ID is assigned to each recommendation bit for distinguishing and identifying the recommendation bit.

In some embodiments, after closing the target tab page with the recommendation identifier, if the user switches the preset homepage to the active state, the controller 250 queries whether the preset homepage has a page browsing parameter corresponding to the recommendation bit currently included in the recommendation special area 57, for example, using the recommendation bit ID as a keyword, searches the memory for the page browsing parameter having a correspondence relationship with the recommendation bit ID, for example, the preset homepage illustrated in fig. 24, and for the recommendation bit 3 arranged in the third position in the recommendation special area 57, the controller 250 retrieves the corresponding page browsing parameter in the memory using the ID of the recommendation bit 3, for example, obtains the scrollTop equal to 180 and the clientheight equal to 200, thereby obtaining the page browsing progress of the media resource displayed by the recommendation bit 3.

In some embodiments, referring to fig. 24, in the recommendation position 3 of the recommendation area 57, the progress bar 571C may be used to prompt the page browsing progress, for example, if the scrollTop is equal to 180, the clientheight is equal to 200, that is, the browsing progress is 90%, the display effect presented by the progress bar 571C is controlled to be 90% read and 10% unread, and the percentage of the browsing progress is displayed at the critical positions of the read and unread, and the user can learn that the media resource of the recommendation position 3 has been browsed before and the web page loading content of 90% has been browsed after viewing the progress bar 571C.

In some embodiments, referring to fig. 25, a browse progress prompt is displayed in recommendation bit 3 of recommendation area 57, for example, a scrollTop equal to 180 and a clientheight equal to 200 are obtained, and the browse progress prompt may be displayed at a preset position (e.g., bottom right corner) in recommendation bit 3 as "90%" before the page content has been browsed ".

In some embodiments, the user opens the target recommendation bit of the recommendation area 57, and in response to the operation instruction, the controller 250 searches the memory for a page browsing parameter having a correspondence with the ID of the target recommendation bit, if the search result is empty, adds a tab page corresponding to the media resource of the target recommendation bit in the tab field 51, and controls the display 260 to load and display the page content of the media resource in the content display area 53, where the page content is displayed from the initial position, and an operation of scrolling the page to adjust the browsing progress has not been received yet.

In some embodiments, if the page browsing parameters corresponding to the ID of the target recommendation bit can be searched in the memory, that is, the search result is not null, referring to the example of fig. 26, when the page content of the media resource of the target recommendation bit is displayed, the page content is automatically and quickly positioned to the progress position of the historical browsing according to the obtained scrollTop and CLIENTHEIGHT, so that the user continues to browse the unread content of the recommended resource from the historical browsing progress, thereby avoiding the need of the user to manually skip the read content, and improving the page browsing efficiency and the user experience.

In some embodiments, based on the example of fig. 26, when a page of a recommended media asset is displayed again, the history of browsing needs to be synchronized, and when the user closes the tab page of the recommended media asset, the browsing progress may be changed, for example, the previous browsing progress is 60%, the user scrolls the page to make the browsing progress 90%, so that the previously stored { recommended bit ID: 'scrollTop, CLIENTHEIGHT' }, recommended bit ID is unchanged, but the parameter values of scrollTop and CLIENTHEIGHT need to be updated, so that the browsing progress of the page prompted by the target recommended bit is updated in the homepage, and when the page of the same recommended media asset is subsequently opened again, the browsing progress of the page content is synchronously updated and located.

The browser application interface and UI changes provided in the present drawings are exemplary, and specifically, the page configuration of the browser application installed on the display device is set. The page content images which are captured and stored can be displayed in the preview window, or the page content of the inactive target tab page can be displayed in the preview window in a loading mode. In the application, the preview window can be controlled by adopting independent focuses or primary and secondary double focuses, and the schemes such as a focus control mechanism, a focus positioning algorithm, a page browsing progress synchronization mechanism and the like are not limited to the embodiments of the application. Based on the display examples and interaction operations of the UI layer, the configuration and communication of the bottom layer controller, the display and the functional modules can be adaptively adjusted and expanded.

In some embodiments, the present application also provides a computer storage medium, which may store a program. When the computer storage medium is located in a display device, the program may include program steps involved in a browser page display method configured by the controller 250 when executed. The computer storage medium may be a magnetic disk, an optical disk, a read-only memory (ROM), a random access memory (Random Access Memory, RAM), or the like.

Finally, it should be noted that: the above embodiments are only for illustrating the technical solution of the present application, and not for limiting the same; although the application has been described in detail with reference to the foregoing embodiments, it will be understood by those of ordinary skill in the art that: the technical scheme described in the foregoing embodiments can be modified or some or all of the technical features thereof can be replaced by equivalents; such modifications and substitutions do not depart from the spirit of the application.

The foregoing description, for purposes of explanation, has been presented in conjunction with specific embodiments. The illustrative discussions above are not intended to be exhaustive or to limit the embodiments to the precise forms disclosed above. Many modifications and variations are possible in light of the above teaching. The embodiments were chosen and described in order to best explain the disclosure and to enable others skilled in the art to best utilize the embodiments.

Claims

1. A display device, characterized by comprising:

A display;

a communicator for communication with the control device;

A controller configured to:

detecting that the first focus moves to an inactive target tab page, and controlling a display to display a preview window in the content display area, wherein the preview window comprises a page content image of the target tab page;

When a window focus display operation is received, controlling a display to hide the first focus, closing a control function of the first focus, enabling the first focus to be invisible locked at the position of the target tab page, and enabling the preview window to be visible locked at the position corresponding to the content display area;

Generating a second focus of a control device, displaying the second focus in the preview window, and starting a control function of the second focus; the movable area of the second focus does not exceed the range of the preview window;

Responding to a page switching operation input based on the preview window and the second focus, acquiring a first position of the second focus in the preview window, controlling a display to close the preview window, and canceling the display and control functions of the second focus;

The method comprises the steps of obtaining a second position mapped by the first position in the content display area, controlling a display to display the first focus at the second position, starting a control function of the first focus, and controlling the display to display active page content of the target tag page in the content display area.

2. The display device of claim 1, wherein the controller is configured to:

3. The display device of claim 1, wherein the controller is further configured to:

4. A display device according to claim 3, wherein the controller is configured to obtain the second position as follows:

calculating coordinates of the first position;

5. The display device of claim 1, wherein the controller is further configured to:

6. The display device of claim 5, wherein the controller is further configured to:

7. The display device of claim 6, wherein the controller is further configured to:

8. The display device of claim 7, wherein the controller is further configured to:

9. A method for displaying a browser page in a display device, the method comprising:

Detecting that the first focus moves to an inactive target tab page, and displaying a preview window in the content display area, wherein the preview window comprises page content images of the target tab page;

responding to a page switching operation input based on the preview window and the second focus, acquiring a first position of the second focus in the preview window, closing the preview window, and canceling a display and control function of the second focus;

The method comprises the steps of obtaining a second position mapped by the first position in the content display area, displaying the first focus at the second position, starting a control function of the first focus, and displaying active page content of the target tab page in the content display area.