Multi-screen display method and device based on browser extension program

Abstract

The invention relates to the technical field of BS system multi-screen display, and provides a multi-screen display method and device based on a browser extension program. The method is realized through a browser extension program on a client browser, and the purpose of quickly displaying a plurality of different to-be-displayed pages in a plurality of displays is achieved; the method comprises the following steps: acquiring page information of a plurality of to-be-displayed pages in a main display by monitoring a browser event; according to the page information, each to-be-displayed page is continuously opened in different displays, so that a user can conveniently browse or display multiple page contents at the same time, the user experience is greatly improved, and the user experience is improved. The problem that in the prior art, each to-be-displayed page can only be manually opened and dragged to each display repeatedly for multiple times is solved.

Description

Technical Field

[0001] The present invention relates to the technical field of multi-screen display of a BS system, and in particular to a multi-screen display method and device based on a browser extension program. Background Art

[0002] BS system is a system developed based on B / S architecture. B / S architecture refers to the browser and server architecture mode. One use scenario of BS system is: Figure 1 As shown in FIG. 1 , the user's computer is a client, and the user's multiple monitors are connected to the client. When the user accesses the BS system and needs to browse or display multiple pages on each connected monitor, as shown in FIG. Figure 2 As shown, the user first opens multiple pages of the BS system in one of the displays, and then manually drags each page to each display. This repetitive manual operation is very time-consuming and has a poor user experience.

[0003] In view of this, overcoming the defects of the prior art is an urgent problem to be solved in the field of this technology. Summary of the invention

[0004] The technical problem to be solved by the present invention is to provide a multi-screen display method and device based on a browser extension program, the purpose of which is to obtain page information of multiple pages to be displayed in the main display and screen information of the display connected to the client through the browser extension program installed on the client browser, and quickly display multiple different pages to be displayed in multiple displays of the client connected to the BS system, and each page is displayed in one of the displays, so that users can browse or display multiple page contents at the same time, which solves the problem of poor user experience caused by the prior art that each page to be displayed can only be manually dragged to each display repeatedly.

[0005] The present invention adopts the following technical solution:

[0006] In a first aspect, the present invention provides a multi-screen display method based on a browser extension program, comprising:

[0007] Obtaining page information of at least one page to be displayed from a multi-screen display event;

[0008] According to the page information, corresponding pages to be displayed are respectively displayed in the at least one display.

[0009] Furthermore, before acquiring the page information of at least one to-be-displayed page from the multi-screen display event, the method further includes:

[0010] Displaying a home screen page on any display connected to the BS system;

[0011] Sending a page request to the BS system based on the main screen page; obtaining a response result of the page request, obtaining a page URL of each page to be displayed, and an expected screen position of each page to be displayed;

[0012] Integrate the page URL and the expected screen position into page information;

[0013] The multi-screen display event is triggered according to the page information of all the pages to be displayed; wherein the multi-screen display event carries the page information of all the pages to be displayed.

[0014] Further, displaying the corresponding to-be-displayed pages in the at least one display according to the page information includes:

[0015] Determining whether to display the page to be displayed in a maximized form on the display according to the expected screen position;

[0016] When it is not necessary to display in a maximized form, determining the coordinates of the screen area to be displayed based on the expected screen position;

[0017] Based on the acquired page information, obtain the page URL and the screen area coordinates where the page is to be displayed;

[0018] A window is created at a position corresponding to the coordinates of the screen area, and the corresponding page to be displayed is displayed in the window according to the page URL, so as to display the page to be displayed at a corresponding expected position on the screen.

[0019] Furthermore, displaying the corresponding to-be-displayed pages on the at least one display according to the page information further comprises:

[0020] When display in a maximized form is required, determining a corresponding number of displays from all displays connected to the BS system according to the number of pages of the at least one page to be displayed;

[0021] According to the determined screen identifier of the display, obtaining the maximum browser area coordinates of the corresponding display;

[0022] Integrate the screen identifier and the maximum browser area coordinates into screen information;

[0023] Determine a mapping relationship between screen information and page information according to a preset screen priority, so as to obtain screen information corresponding to the page information of all pages to be displayed;

[0024] According to the screen information corresponding to the page information of each page to be displayed, the page to be displayed is opened in the display in a maximized form.

[0025] Further, opening the page to be displayed in the display in a maximized form according to the screen information corresponding to the page information of each page to be displayed includes:

[0026] Creating a window in a corresponding display according to the maximum browser area coordinates;

[0027] According to the page URL, the corresponding page to be displayed is displayed in the window.

[0028] Furthermore, before acquiring the page information of at least one to-be-displayed page from the multi-screen display event, the method further includes:

[0029] Build configuration files;

[0030] Constructing an operation logic file including at least one operation instruction; wherein the at least one operation instruction is used to obtain page information of at least one to-be-displayed page from a multi-screen display event; and is also used to obtain screen information of at least one display; and is also used to display corresponding to-be-displayed pages in the at least one display according to the page information;

[0031] The configuration file and the operation logic file are packaged into an installable file, and the installable file is installed to a browser of a client where the BS system is located, so that the client executes the at least one operation instruction based on the configuration file.

[0032] Furthermore, it also includes:

[0033] After acquiring page information of at least one page to be displayed from the multi-screen display event, obtaining a page URL of the at least one page to be displayed according to the page information;

[0034] Obtaining all opened pages opened by the browser extension program in each display connected to the BS system; comparing the URL of the opened page with the page URL of the at least one page to be displayed, and determining whether the page to be displayed has been opened in any display;

[0035] When there is an opened page to be displayed, the page URL of the opened page to be displayed is determined as the URL to be adjusted, and the screen area coordinates of the window where the corresponding page to be displayed is located are adjusted according to the page information corresponding to the URL to be adjusted, so as to display the page to be displayed at the corresponding expected screen position.

[0036] Furthermore, it also includes:

[0037] When closing the home screen page, the browser extension gets all the open windows opened by itself;

[0038] The browser extension program closes all acquired opened windows simultaneously.

[0039] In a second aspect, the present invention further provides a multi-screen display device based on a browser extension program, which is used to implement the multi-screen display method based on a browser extension program described in the first aspect, and the multi-screen display device based on a browser extension program includes:

[0040] At least one processor; and a memory communicatively connected to the at least one processor; wherein the memory stores instructions executable by the at least one processor, and the instructions are executed by the processor to execute the multi-screen display method based on browser extension program described in the first aspect.

[0041] In a third aspect, the present invention further provides a non-volatile computer storage medium, wherein the computer storage medium stores computer executable instructions, which are executed by one or more processors to complete the multi-screen display method based on browser extension program described in the first aspect.

[0042] In a fourth aspect, a chip is provided, comprising: a processor and an interface, for calling and running a computer program stored in the memory from a memory, and executing the multi-screen display method based on a browser extension program as in the first aspect.

[0043] In a fifth aspect, a computer program product comprising instructions is provided, which, when executed on a computer or a processor, enables the computer or the processor to execute a multi-screen display method based on a browser extension program as described in the first to fourth aspects and any one of the aspects.

[0044] In the sixth aspect, a multi-screen display method system based on a browser extension is provided, including a multi-screen display device based on a browser extension as in the second aspect, and using the multi-screen display method based on a browser extension as described in the first aspect to complete the interaction of the multi-screen display device based on a browser extension as in the second aspect.

[0045] Different from the prior art, the present invention has at least the following beneficial effects:

[0046] The present invention is implemented through a browser extension program on a client browser, so as to achieve the purpose of quickly displaying multiple different pages to be displayed on multiple displays; wherein, the page information of multiple pages to be displayed in a main display is obtained by monitoring browser events; according to the page information, each page to be displayed is continuously displayed in different displays, thereby facilitating users to browse or display multiple page contents at the same time, improving the speed at which users display multiple pages to be displayed and complete the display on each display, greatly improving the user experience, and solving the problem that the prior art can only manually drag each page to be displayed to each display repeatedly. BRIEF DESCRIPTION OF THE DRAWINGS

[0047] In order to more clearly illustrate the technical solutions of the embodiments of the present invention, the following briefly introduces the drawings required for use in the embodiments of the present invention. Obviously, the drawings described below are only some embodiments of the present invention, and for ordinary technicians in this field, other drawings can be obtained based on these drawings without creative work.

[0048] Figure 1 is a schematic diagram of a use scenario of a multi-screen display method provided by an embodiment of the present invention;

[0049] Figure 2 This is a schematic diagram of a use scenario of a multi-screen display method based on a browser extension program according to an embodiment of the present invention;

[0050] Figure 3 is a flowchart of a multi-screen display method provided by an embodiment of the present invention;

[0051] Figure 4 is a flow chart of step 10 provided in an embodiment of the present invention;

[0052] Figure 5 is a schematic diagram of a first specific example provided by an embodiment of the present invention;

[0053] Figure 6 is a schematic diagram of a second specific example provided by an embodiment of the present invention;

[0054] Figure 7 is another flowchart of step 10 provided in an embodiment of the present invention;

[0055] Figure 8 is a schematic diagram of a third specific example provided by an embodiment of the present invention;

[0056] Fig. 9 is a flow chart of step 20 provided in an embodiment of the present invention;

[0057] Fig.10is another flow chart of step 20 provided in an embodiment of the present invention;

[0058] Fig.11 is a schematic diagram of a fourth specific example provided by an embodiment of the present invention;

[0059] Fig.12 is a schematic diagram of interface information of a specific implementation method provided by an embodiment of the present invention;

[0060] Fig.13 is a flow chart of a second multi-screen display method provided by an embodiment of the present invention;

[0061] Fig.14 is a flowchart of a third multi-screen display method provided by an embodiment of the present invention;

[0062] Fig.15 It is a schematic diagram of the architecture of a multi-screen display device based on a browser extension program provided in an embodiment of the present invention. DETAILED DESCRIPTION

[0063] In order to make the purpose, technical solution and advantages of the present invention more clearly understood, the present invention is further described in detail below in conjunction with the accompanying drawings and embodiments. It should be understood that the specific embodiments described herein are only used to explain the present invention and are not intended to limit the present invention.

[0064] In the description of the present invention, the terms "inside", "outside", "longitudinal", "lateral", "upper", "lower", "top", "bottom" and the like indicate orientations or positional relationships based on the orientations or positional relationships shown in the accompanying drawings. They are only for the convenience of describing the present invention and do not require that the present invention must be constructed and operated in a specific orientation. Therefore, they should not be understood as limitations on the present invention.

[0065] The terms "first", "second", etc. in the present invention are used for descriptive purposes only and should not be understood as indicating or implying relative importance or implicitly indicating the number of the indicated technical features. Thus, a feature defined as "first", "second", etc. may explicitly or implicitly include one or more of the features. In the description of this application, unless otherwise specified, "plurality" means two or more.

[0066] In this application, unless otherwise specified or limited, the term "connection" should be understood in a broad sense. For example, "connection" can be a fixed connection, a detachable connection, or an integral connection; it can be a direct connection or an indirect connection through an intermediate medium. In addition, the term "coupling" can be a way of achieving electrical connection for signal transmission.

[0067] In addition, the technical features involved in the various embodiments of the present invention described below can be combined with each other as long as they do not conflict with each other.

[0068] Embodiment 1:

[0069] The BS system is a system based on the browser / server architecture model; the user's work interface is implemented through a web browser, a small part of the transaction logic is implemented in the front-end browser (Browser), and the main transaction logic is implemented on the server side (Server). For the BS system, the web browser is the most important application software on the client side. You only need to install a browser on the client computer and install a database on the server side to enable the browser to interact with the database through the web server.

[0070] like Figure 1 As shown, when a user needs to view a large amount of data through multiple different windows at the same time, multiple displays are often used to connect to their host (i.e., client). In the prior art, when a user accesses a BS system and needs to browse or display multiple pages on each connected display screen, data interaction is generally achieved through the user's host, and the results of the data interaction are presented through the display; wherein the page refers to a Web page. An embodiment of the present invention provides a specific example of this scenario, in which a user needs to display three windows (window 1, window 2, and window 3) at corresponding desired positions in display 1, display 2, or display 3, respectively; as shown Figure 2 As shown in the content displayed in "Display 3", since Display 3 cannot display three windows well at the same time, the user will first open the three windows of the BS system in Display 3, and then drag Window 3 to the desired position in Display 1 and then drag Window 2 to the desired position in Display 2 through two repeated manual operations. In this scenario, the window refers to the browser window, and a page is displayed through one window. Then, by displaying the three pages on three displays respectively, the three pages are displayed simultaneously, so that users can read them at the same time. For the convenience of description, in the example Figure 1 and Figure 2 In the specific example shown, there are only two pages to be displayed; however, in actual usage scenarios, the number of pages to be displayed is often greater, and this repetitive manual operation is very time-consuming, especially when the user needs to make a publication on some important occasions. The impact of this repetitive manual operation is greater and the user experience is poor.

[0071] To solve this problem, Figure 3 As shown, an embodiment of the present invention provides a multi-screen display method based on a browser extension program, comprising:

[0072] Step 10: Obtain page information of at least one page to be displayed from the multi-screen display event.

[0073] The browser extensions obtain the page information of at least one to-be-displayed page from the multi-screen display event. The to-be-displayed page refers to the page that the user needs to display on a display other than the main display. Figure 2 As shown, the page contained in the window 1 opened by the user is the main screen page; after the user opens the main screen page, based on the mode of sending a page request and then responding to a page request, the user interacts with the BS system through the main screen page; or the BS system determines the page to be opened and displayed according to its own preset rules; Figure 2 The pages contained in the subsequently opened windows 2 and 3 are the pages to be displayed. It should be noted that, for the convenience of description, "page information of a window" is referred to as "page information of a page" in the following text.

[0074] Browser events refer to interactive actions, document loading, window scrolling, and resizing events that occur when users operate a page. Browser events cover various interactive actions that may be triggered by users when using a browser and the state changes of the page itself. The browser that interacts with the BS system for data will trigger various browser events, and the multi-screen display event is one of the custom browser events. In an optional embodiment, an event listener can be used to listen to browser events, capture multi-screen display events from various browser events, and then obtain corresponding page information from information such as parameters carried by the multi-screen display event.

[0075] Step 20: Display corresponding pages to be displayed in the at least one display according to the page information.

[0076] For example, Figure 2 As shown, the browser extension program obtains the screen information of display 1 and the screen information of display 2. In the multi-screen display scenario, all controlled displays are set to extended screen mode; for example, when three displays, display 1, display 2 and display 3, are used for multi-screen display, and the screens of the three displays are arranged horizontally and the resolutions are (x1, y1), (x2, y2) and (x3, y3) respectively, display 3 is the main display, display 1 and display 2 are other external displays, and the coordinate range that can be displayed by display 3 is (0, 0) to (x3-1, y3-1), the coordinate range that can be displayed by display 1 is (-x1, 0) to (-1, y1-1), and the coordinate range that can be displayed by display 2 is (x3, 0) to (x3+x2-1, y2-1). The total coordinate range that can be displayed by the three displays is the union of the above three coordinate ranges. Open the window and page through the browser extension program, and get the following Figure 2The display results shown below: Window 3 containing the corresponding page to be displayed is displayed at the corresponding position in display 1 according to the expected screen position in the page information returned by the BS system in response to the page request; Window 2 containing the corresponding page to be displayed is displayed at the corresponding position in display 2 according to the expected screen position in the page information returned by the BS system in response to the page request; from the user's perspective, the user does not need to perform any further operations, and the corresponding windows and pages can be displayed in each display. For the sake of convenience of description, "opening a window" refers to "opening a window and opening the corresponding page in the window" in the following text.

[0077] The embodiment of the present invention implements monitoring browser events, acquiring screen information and displaying pages to be displayed through a browser extension program, wherein the browser extension program is software installed in the browser for enhancing or modifying the browser function.

[0078] The present invention is implemented through a browser extension program on a client browser, so as to achieve the purpose of quickly displaying multiple different pages to be displayed on multiple displays; wherein, the page information of multiple pages to be displayed in a main display is obtained by monitoring browser events; according to the page information, each page to be displayed is continuously displayed in different displays, thereby facilitating users to browse or display multiple page contents at the same time, improving the speed at which users display multiple pages to be displayed and complete the display on each display, greatly improving the user experience, and solving the problem that the prior art can only manually drag each page to be displayed to each display repeatedly.

[0079] The following is an explanation of the multi-screen display event acquired by the browser extension program of the embodiment of the present invention; Figure 4 As shown, before step 10, the following steps are included:

[0080] Step 101a: Display a home screen page on any display connected to the BS system.

[0081] The main display refers to the screen operated by the user. The user uses the browser to create a corresponding window in the main display. After the main screen page is displayed in the window, the browser extension program can monitor the corresponding multi-screen display event. Since the main display is connected to the BS system client, the data interaction of the browser window displayed on it is based on the BS system, and the BS system obtains the page information of the page to be displayed.

[0082] For example, Figure 5As shown, display 1, display 2 and display 3 are all connected to the client, and the BS system runs on the client, that is, the window opened on any of the above three displays interacts with the client through the browser that displays the corresponding window. First, the user opens window 1 on display 3, and the main screen page is displayed through window 1.

[0083] Step 102a: Send a page request to the BS system based on the main screen page; obtain a response result of the page request, and obtain the page URL of each page to be displayed, and the expected screen position of each page to be displayed.

[0084] The expected screen position refers to the area where the page to be displayed will be displayed in the displayable area of ​​the display.

[0085] For each page to be displayed that can be opened through a browser based on the BS system, the browser interacts with the BS system according to a Uniform Resource Locator (URL) and then loads the page.

[0086] In a browser, a user operation event refers to an interactive event directly triggered by a user, such as click, scroll, drag, keyboard input, etc. In the main screen page, the embodiment of the present invention obtains the corresponding page URL and the expected screen position by monitoring the user operation event, for example, by monitoring the click event.

[0087] Step 103a: Integrate the page URL and the expected screen position into page information.

[0088] Step 104a: triggering the multi-screen display event according to the page information of all the pages to be displayed; wherein the multi-screen display event carries the page information of all the pages to be displayed.

[0089] like Figure 6 As shown, the BS system triggers a browser event, and transmits the page information of all to-be-displayed pages to the browser extension program through a multi-screen display event. The browser extension program directly obtains the screen information of all displays connected to the client by calling its own interface. The embodiment of the present invention triggers a browser event, and utilizes the browser event carrying the page information, so that the browser extension program can obtain the page information required for display.

[0090] The following describes the process of creating a browser extension. Figure 7 As shown, before step 10, it also includes:

[0091] Step 101b: Build the configuration file.

[0092] The configuration file is used to define the basic information of the browser extension and the various resources required; for example, name, version, description, icon, permissions, required resources, etc.; so that the browser can subsequently identify and load the browser extension according to the configuration file.

[0093] Step 102b: Construct an operation logic file including at least one operation instruction; wherein the at least one operation instruction is used to obtain page information of at least one page to be displayed from a multi-screen display event; is also used to obtain screen information of at least one display; and is also used to display corresponding pages to be displayed in the at least one display according to the page information.

[0094] Step 103b: Encapsulate the configuration file and the operation logic file into an installable file, and install the installable file into a browser of a client where the BS system is located, so that the client executes the at least one operation instruction based on the configuration file.

[0095] After writing the code for the browser extension, it needs to be packaged into an installable file to install the browser extension on the user's browser. After installation, the browser extension will automatically load when the user opens the browser and can access the Application Programming Interface (API) provided by the browser. At this point, the browser extension can interact with the BS system. For example, a BS system may provide a page that uses a specific JavaScript API to communicate with the browser extension; the browser extension can listen to calls to these APIs and perform corresponding operations to respond to these requests. The browser extension must be installed on the client to obtain information from each display connected to the client, and the browser extension interacts with the server side of the BS system.

[0096] Based on the actual usage needs of users, the embodiment of the present invention provides two ways to open a window through a browser extension program: Figure 8 As shown, one is to display the page to be displayed in the display in a maximized form, wherein the oblique line portion represents the area occupied by window 2 and window 3 in the corresponding display; Figure 2 As shown, one is that the page to be displayed only occupies part of the displayable area of ​​the display.

[0097] To illustrate the process of obtaining screen information, Fig. 9 As shown, the step 20 includes:

[0098] Step 201a: Determine whether to display the page to be displayed in the display in a maximized form according to the expected screen position.

[0099] After receiving the page information, the browser extension determines whether to display the page to be displayed in the display in a maximized form according to the expected screen position, wherein the expected screen position refers to the position information of the window to be created in the displayable area of ​​the display.

[0100] Step 202a: When it is not necessary to display in a maximized form, the coordinates of the screen area to be displayed are determined based on the expected screen position.

[0101] If the expected screen position is a specific screen area coordinate, the corresponding page to be displayed can be displayed on each display according to the screen area coordinate, without being displayed in a maximized form.

[0102] The screen area coordinates are the position coordinates of the window to be created. For example, since the three displays, display 1, display 2, and display 3, are all in extended screen mode, the coordinates of the area range displayed by the three displays are continuous, so the screen area coordinates can be directly obtained and then opened according to the screen area coordinates.

[0103] Step 203a: Based on the acquired page information, obtain the page URL and the coordinates of the screen area where the page is to be displayed.

[0104] Step 204a: Create a window at the position corresponding to the screen area coordinates, and display the corresponding page to be displayed in the window according to the page URL, so as to display the page to be displayed at the corresponding expected position of the screen.

[0105] Generally speaking, when the expected screen position of a page is a screen area coordinate, the screen area coordinate will be within the maximum screen area coordinate of the corresponding display.

[0106] When you need to display it in maximized form, such as Fig.10 As shown, the step 20 includes:

[0107] Step 201b: when display in a maximized form is required, a corresponding number of displays are determined from all displays connected to the BS system according to the number of pages of the at least one page to be displayed.

[0108] The corresponding number is relative to the number of pages, and the number of monitors to be used can be determined according to the number of pages; for example, when there are two pages to be displayed (corresponding to window 2 and window 3), two monitors (monitor 1 and monitor 2) can be determined. In special cases, if the number of available monitors is less than the number of pages to be displayed, some of the pages to be displayed can be opened in the same window in the form of tabs.

[0109] Step 202b: according to the determined screen identifier of the display, obtain the maximum browser area coordinates of the corresponding display.

[0110] The maximum browser area coordinates refer to the coordinates of the upper left corner, upper right corner, lower left corner, and lower right corner of the browser displayed in maximized form on the monitor. Since the maximized states that can be displayed on different monitors may be different, it is necessary to open it according to the maximum browser area coordinates of the corresponding monitor.

[0111] In an optional embodiment, the screen identifier may be a serial number of the display, such as Figure 8 The screen identifiers of the middle display are 1, 2 and 3.

[0112] Step 203b: Integrate the screen identifier and the maximum browser area coordinates into screen information.

[0113] Step 204b: Determine the mapping relationship between the screen information and the page information according to the preset screen priority, so as to obtain the screen information corresponding to the page information of all the pages to be displayed.

[0114] The screen information of the display is obtained by the browser extension program, including the index, identification, maximum screen area coordinates and other information of each display.

[0115] Step 205b: opening each page to be displayed in the display in a maximized form according to the screen information corresponding to the page information of each page to be displayed.

[0116] The preset screen priority is selected by those skilled in the art according to the specific usage scenario and is not limited here; in an optional embodiment, the user can set which displays connected to the client are used first. For example, the mapping relationship is that the screen information of display 1 corresponds to the page information of window 2, and the screen information of display 2 corresponds to the page information of window 3.

[0117] For example, the screen information of display 1 and the screen information of display 2 are obtained.

[0118] If the expected screen position is a screen identifier (e.g., an index) of a display, it is necessary to obtain screen information of at least one display; specifically, according to the mapping relationship between the screen information corresponding to the screen identifier and the page information (e.g., the index correspondence between the index and the display), the corresponding to-be-displayed page is displayed in a maximized form in the corresponding display. In particular, if the page information does not include the expected screen position, it can be considered that the expected screen position implies a screen identifier, and the screen identifier is a response result obtained through the page request. In this case, the expected screen position is also used as the screen identifier of the display and displayed in a maximized form.

[0119] In an optional embodiment, when the number of pages to be displayed is greater than the number of available displays, some of the pages to be displayed need to be opened in the same display window in the form of Tabs.

[0120] When it is required to display in a maximized form, the step 205b includes:

[0121] Step 2051: Create a window in the corresponding display according to the maximum browser area coordinates.

[0122] Step 2052: Display the corresponding page to be displayed in the window according to the page URL.

[0123] like Fig.11 As shown, the browser extension program obtains the screen information of display 1 and display 2, and creates window 3 according to the screen information such as the maximum browser area coordinates of display 1, and opens the corresponding page according to the page URL and other page information of window 3; creates window 2 according to the screen information such as the maximum browser area coordinates of display 2, and opens the corresponding page according to the page URL and other page information of window 2.

[0124] The embodiment of the present invention also provides an example of a multi-screen display method based on a browser extension program to implement the embodiment of the present invention, which is as follows:

[0125] Step S1: Create a browser extension;

[0126] Step S2: using the browser extension program to obtain the page URLs of multiple pages to be displayed by the BS system on the client;

[0127] Step S3: using the browser extension program to display a window corresponding to each page on multiple displays of the client according to the multiple page URLs obtained in step S2, and positioning the displayed window at an expected position on the screen.

[0128] Among them, step S1 is specifically as follows: Fig.12 As shown, a browser extension program is created that can display windows on multiple displays. The browser extension program can listen to browser events to obtain information, can call the create window API supported by the browser extension program to continuously display multiple windows, can call the get screen information API supported by the browser extension program to obtain corresponding screen information, and can position the displayed window to the expected position of the screen. Among them, the parameters of the create window API at least include the page URL and the expected screen position; the return result of the get screen information API at least includes the screen identification of each display and the coordinates of the maximum browser area.

[0129] Step S2 specifically includes:

[0130] Step S21: Display a page of the BS system in the main screen of the multi-screen connected to the client; the page has the function of calling the BS system to obtain the multi-screen page interface; the return result of obtaining the multi-screen page interface includes at least the URL of the page to be displayed. Among them, the return result of obtaining the multi-screen page interface may also include the expected screen position of the page to be displayed in the multi-screen; when the return result only includes the page URL of the page to be displayed, these pages are displayed in maximized form on each display in turn according to the index; when the return result includes the page URL of the page to be displayed and the expected screen position on each display, the page to be displayed is opened at the corresponding expected screen position.

[0131] Step S22: In the page mentioned in step S21, the BS system's multi-screen page acquisition interface is called through a user operation event to obtain the URL of the page to be displayed, and then a browser event is triggered to transmit the multiple page URLs to be displayed; the user operation event includes events such as the user clicking a button on the page;

[0132] Step S23: The browser extension program captures the browser event mentioned in step S22, thereby obtaining multiple page URLs to be displayed.

[0133] Step S3 specifically includes:

[0134] Step S31: the browser extension program calls the supported screen information acquisition API to acquire screen information;

[0135] Step S32: The browser extension program selects a page URL and the maximum browser area coordinates from the multiple page URLs obtained in step S2 and the screen information obtained in step S31 in turn, and calls the window creation API to create a window that loads the page URL so that it is displayed at the expected position on the screen.

[0136] Embodiment 2:

[0137] The embodiment of the present invention is a further preferred solution of embodiment 1, and for the scenario where there is a pre-opened window in the display connected to the BS system, further includes:

[0138] like Fig.13 As shown, display 1, display 2 and display 3 are connected to the BS system, and display 3 is the main display. Before the user needs to view a large amount of data through multiple different windows at the same time, it is also possible that the display has been in use. For example, window 3' has been opened in display 1, and window 3' is an opened window; only after the user opens window 1 in display 3 can the multi-screen display event be triggered, and then the corresponding pages to be displayed are opened in display 1 and display 2.

[0139] When the opened window is opened manually by the user, the window currently needed to be opened by the browser extension program will be displayed on the upper layer of the opened window. Specifically, the created window is given focus so that the created window is located on the upper layer of the opened window. When the browser extension program of the embodiment of the present invention creates a new window, the new window is always given focus so that it is located on the upper layer of the opened window on the same display; for example, Fig.13 As shown, when it is necessary to create window 3 in display 1, since window 3' already exists in display 1 (i.e., an open window manually opened by the user), window 3 will obtain focus and be placed on the upper layer of window 3', so that the page to be displayed in window 3 can be viewed and operated immediately.

[0140] Embodiment 3:

[0141] The embodiment of the present invention is a further preferred embodiment of embodiment 1. Fig.14 As shown, for the scenario where a page with the same URL has been opened in the display connected to the BS system, the following also includes:

[0142] In step 401, after acquiring page information of at least one page to be displayed from a multi-screen display event, a page URL of the at least one page to be displayed is obtained according to the page information.

[0143] In step 402, all opened pages opened by the browser extension program in each display connected to the BS system are obtained; the URL of the opened page is compared with the page URL of the at least one page to be displayed to determine whether the page to be displayed has been opened in any display.

[0144] It should be noted that the opened window is a window opened by the browser extension program. The browser extension program of the embodiment of the present invention only manages the windows opened by itself, and does not manage the windows manually opened by the user.

[0145] Display 1, display 2 and display 3 are connected to the BS system, and display 3 is the main display. Before the user needs to view a large amount of data at the same time through multiple different windows, it is also possible that the corresponding page to be displayed has been opened on the display; for example, the first platform homepage has been opened in display 2, and the first platform homepage is one of the pages to be displayed that needs to be opened this time; and the user can trigger the multi-screen display event only after opening window 1 in display 3; after the multi-screen display event is triggered, the browser extension program needs to display the first platform homepage in display 1. Therefore, when the embodiment of the present invention captures the multi-screen display event and needs to display the first platform homepage in display 1, the page URL of the page to be displayed is first obtained, and the page URL is compared in display 1, display 2 and display 3 to see whether the page URL of the first platform homepage has been opened by the browser extension program. For example, there is a page to be displayed in the page information, namely, the first platform homepage, and the first platform homepage has been opened by the browser extension program in the display 2. If, according to certain comparison rules, it is judged that the URL of the first platform homepage in the display 2 (that is, the URL of the opened page) is the same as the page URL corresponding to the first platform homepage in the page information, then it is determined that the first platform homepage has been opened.

[0146] In step 403, when there is an opened page to be displayed, the page URL of the opened page to be displayed is determined as the URL to be adjusted, and the screen area coordinates of the window where the corresponding page to be displayed is located are adjusted according to the page information corresponding to the URL to be adjusted, so as to display the page to be displayed at the corresponding expected screen position.

[0147] Since the coordinates of all the displays connected to the client are continuous, for the window of the page to be displayed corresponding to the URL to be adjusted, regardless of whether its expected screen position is within the coordinate range that can be displayed by the display (e.g., display 2) where the opened page to be displayed is located, the browser extension program can call its own update window API to adjust the position and size of the window of the page to be displayed corresponding to the URL to be adjusted. The parameters of the update window API include at least the window identifier and the screen area coordinates of the window.

[0148] For example, the page URL of the opened first platform homepage is determined as the URL to be adjusted, the window identifier of the window of the opened first platform homepage and the screen area coordinates corresponding to the expected screen position of the page information corresponding to the URL to be adjusted are obtained, and are passed into the update window API as parameters to use the update window API to adjust the screen area coordinates of the window where the corresponding page to be displayed is located.

[0149] Since the browser extension program knows the page information of the page to be opened (i.e., the URL to be adjusted and the expected screen position), it can be determined whether to display the first platform homepage in the display in a maximized form through the expected screen position; so when it is determined that it does not need to be displayed in a maximized form, the position coordinates of the window are adjusted to the expected screen position of the page to be opened; when it is determined that it needs to be displayed in a maximized form, the browser extension program uses the screen identifier and the maximum browser area coordinates of the display 1 as the screen information. After obtaining the screen information, the window is adjusted to be displayed in a maximized form according to the maximum browser area coordinates of the display 1.

[0150] Except for the URL to be adjusted, other unopened pages to be displayed are opened in the same manner according to the solution in Example 1, which will not be repeated here.

[0151] In addition, when the home screen page is closed, the browser extension program obtains all opened windows opened by itself; the browser extension program closes all the obtained opened windows at the same time. Wherein, when the home screen page is closed, the browser extension program does not close the page opened manually by the user.

[0152] In view of the scenario where a page to be displayed has been opened in a display connected to a BS system, the embodiment of the present invention provides an alternative solution of directly adjusting the page position after judgment in order to improve opening efficiency and avoid repeated creation of windows.

[0153] Embodiment 4:

[0154] like Fig.15 , is a schematic diagram of the architecture of a multi-screen display device based on a browser extension program according to an embodiment of the present invention. The multi-screen display device based on a browser extension program according to this embodiment includes one or more processors 21 and a memory 22. Fig.15 A processor 21 is taken as an example.

[0155] The processor 21 and the memory 22 may be connected via a bus or other means. Fig.15 The example of connecting through bus is taken in the following.

[0156] The memory 22 is a non-volatile computer-readable storage medium that can be used to store non-volatile software programs and non-volatile computer executable programs, such as the multi-screen display method based on the browser extension program in this embodiment. The processor 21 executes the multi-screen display method based on the browser extension program by running the non-volatile software programs and instructions stored in the memory 22.

[0157] The memory 22 may include a high-speed random access memory, and may also include a non-volatile memory, such as at least one disk storage device, a flash memory device, or other non-volatile solid-state storage devices. In some embodiments, the memory 22 may optionally include a memory remotely arranged relative to the processor 21, and these remote memories may be connected to the processor 21 via a network. Examples of the above-mentioned network include, but are not limited to, the Internet, an intranet, a local area network, a mobile communication network, and combinations thereof.

[0158] The program instructions / modules are stored in the memory 22, and when executed by the one or more processors 21, the multi-screen display method based on the browser extension program in the above embodiment is executed, for example, the multi-screen display method based on the browser extension program described above is executed. Figure 3-Figure 4 , Figure 7 , Figure 9-10 , Fig.13 and Fig.14 The steps shown.

[0159] The multi-screen display device based on the browser extension program of the embodiment of the present invention can exist in various forms, including but not limited to:

[0160] (1) Mobile communication devices: These devices are characterized by their mobile communication functions and their main purpose is to provide voice and data communications. These terminals include: smart phones (such as iPhone), multimedia phones, functional phones, and low-end phones.

[0161] (2) Ultra-mobile personal computer devices: These devices belong to the category of personal computers, have computing and processing functions, and generally also have mobile Internet access features. These terminals include: PDA, MID and UMPC devices, such as iPad.

[0162] (3) Server: A device that provides computing services. The server consists of a processor, hard disk, memory, system bus, etc. The server is similar to a general computer architecture, but because it needs to provide highly reliable services, it has higher requirements in terms of processing power, stability, reliability, security, scalability, and manageability.

[0163] (4) Other electronic devices with computing, storage and Internet connection functions.

[0164] An embodiment of the present invention further provides a non-volatile computer storage medium, wherein the computer storage medium stores computer executable instructions, and the computer executable instructions are executed by one or more processors, such as Fig.15A processor 21 can enable the above one or more processors to execute the multi-screen display method based on the browser extension program in the specific implementation of the present invention, for example, to execute the above-described Figure 3-Figure 4 , Figure 7 , Figure 9-10 , Fig.13 and Fig.14 The steps shown can also be implemented Fig.15 The modules and units described above; or executing the multi-screen display method based on the browser extension program in the specific implementation of the present invention, for example, executing the multi-screen display method described above Figure 3-Figure 4 , Figure 7 , Figure 9-10 , Fig.13 and Fig.14 The steps shown can also be implemented Fig.15 The various modules and units described.

[0165] It is worth noting that the information interaction, execution process, etc. between the modules and units within the above-mentioned devices and systems are based on the same concept as the processing method embodiment of the present invention. The specific contents can be found in the description of the method embodiment of the present invention and will not be repeated here.

[0166] A person skilled in the art may understand that all or part of the steps in the various methods of the embodiments may be completed by instructing related hardware through a program, and the program may be stored in a computer-readable storage medium, and the storage medium may include: a read-only memory (ROM), a random access memory (RAM), a disk or an optical disk, etc.

[0167] The above description is only a preferred embodiment of the present invention and is not intended to limit the present invention. Any modifications, equivalent substitutions and improvements made within the spirit and principles of the present invention should be included in the protection scope of the present invention.

Claims

1. A multi-screen display method based on a browser extension program, characterized in that: include: Obtaining page information of at least one page to be displayed from a multi-screen display event; According to the page information, corresponding pages to be displayed are respectively displayed in the at least one display.

2. The multi-screen display method based on browser extension program according to claim 1, characterized in that: Before acquiring page information of at least one to-be-displayed page from the multi-screen display event, the method includes: Displaying a home screen page on any display connected to the BS system; Sending a page request to the BS system based on the main screen page; obtaining a response result of the page request, obtaining a page URL of each page to be displayed, and an expected screen position of each page to be displayed; Integrate the page URL and the expected screen position into page information; The multi-screen display event is triggered according to the page information of all the pages to be displayed; wherein the multi-screen display event carries the page information of all the pages to be displayed.

3. The multi-screen display method based on browser extension program according to claim 2, characterized in that: The displaying the corresponding to-be-displayed pages on the at least one display according to the page information comprises: Determining whether to display the page to be displayed in a maximized form on the display according to the expected screen position; When it is not necessary to display in a maximized form, determining the coordinates of the screen area to be displayed based on the expected screen position; Based on the acquired page information, obtain the page URL and the screen area coordinates where the page is to be displayed; A window is created at a position corresponding to the coordinates of the screen area, and the corresponding page to be displayed is displayed in the window according to the page URL, so as to display the page to be displayed at a corresponding expected position on the screen.

4. The multi-screen display method based on browser extension program according to claim 2, characterized in that: The displaying the corresponding to-be-displayed pages on the at least one display according to the page information further comprises: When display in a maximized form is required, determining a corresponding number of displays from all displays connected to the BS system according to the number of pages of the at least one page to be displayed; According to the determined screen identifier of the display, obtaining the maximum browser area coordinates of the corresponding display; Integrate the screen identifier and the maximum browser area coordinates into screen information; Determine a mapping relationship between screen information and page information according to a preset screen priority, so as to obtain screen information corresponding to the page information of all pages to be displayed; According to the screen information corresponding to the page information of each page to be displayed, the page to be displayed is opened in the display in a maximized form.

5. The multi-screen display method based on browser extension program according to claim 4, characterized in that: The step of opening the page to be displayed in the display in a maximized form according to the screen information corresponding to the page information of each page to be displayed comprises: Creating a window in a corresponding display according to the maximum browser area coordinates; According to the page URL, the corresponding page to be displayed is displayed in the window.

6. The multi-screen display method based on browser extension program according to any one of claims 1 to 5, characterized in that: Before acquiring the page information of at least one to-be-displayed page from the multi-screen display event, the method further includes: Build configuration files; Constructing an operation logic file including at least one operation instruction; wherein the at least one operation instruction is used to obtain page information of at least one to-be-displayed page from a multi-screen display event; and is also used to obtain screen information of at least one display; and is also used to display corresponding to-be-displayed pages in the at least one display according to the page information; The configuration file and the operation logic file are packaged into an installable file, and the installable file is installed to a browser of a client where the BS system is located, so that the client executes the at least one operation instruction based on the configuration file.

7. The multi-screen display method based on browser extension program according to any one of claims 1 to 5, characterized in that: Also includes: After acquiring page information of at least one page to be displayed from the multi-screen display event, obtaining a page URL of the at least one page to be displayed according to the page information; Obtain all opened pages opened by the browser extension program in each display connected to the BS system; Comparing the URL of the opened page with the page URL of the at least one page to be displayed, and determining whether the page to be displayed has been opened in any display; When there is an opened page to be displayed, the page URL of the opened page to be displayed is determined as the URL to be adjusted, and the screen area coordinates of the window where the corresponding page to be displayed is located are adjusted according to the page information corresponding to the URL to be adjusted, so as to display the page to be displayed at the corresponding expected screen position.

8. The multi-screen display method based on browser extension program according to any one of claims 1 to 5, characterized in that: Also includes: When closing the home screen page, the browser extension gets all the open windows opened by itself; The browser extension program closes all acquired opened windows simultaneously.

9. A multi-screen display device based on a browser extension program, characterized in that: The multi-screen display device based on browser extension program includes at least one processor and a memory, and the at least one processor and the memory are connected via a data bus. The memory stores instructions that can be executed by the at least one processor. After being executed by the processor, the instructions are used to implement the multi-screen display method based on browser extension program described in any one of claims 1-8.

10. A non-volatile computer storage medium, characterized in that: The computer storage medium stores computer executable instructions, and the computer executable instructions are executed by one or more processors to complete the multi-screen display method based on browser extension program described in any one of claims 1-8.

Images